scottaohara / accessible_hamburger Goto Github PK
View Code? Open in Web Editor NEWArchived - check out my disclosure widget pattern for a comparable script
Home Page: https://github.com/scottaohara/aria_disclosure_widget
Archived - check out my disclosure widget pattern for a comparable script
Home Page: https://github.com/scottaohara/aria_disclosure_widget
May I ask you a question about accessible_hamburger?
I am writing CSS for a hamburger menu that is valid for Google Accelerated Mobile Pages (AMP). Here is my JS Fiddle.
https://jsfiddle.net/jaygray/eu3r5qdk/2/
AMP does not allow the CSS 'input' and 'label' elements. Therefore your earlier effort:
http://www.scottohara.me/article/morph-button-updated.html
won't work with Google AMP.
However, this version has promise:
https://github.com/scottaohara/accessible_hamburger
as it does not use those CSS elements.
As you can see in my JS Fiddle, I have not been able to trigger the links and open the URLs. Using 'accessible hamburger' I am able to. And my JS Fiddle is a valid AMP document.
Google AMP does not allow JavaScript (except the AMP JavaScript). So this declaration:
<html amp lang="en" class="no-js">
must be:
<html amp lang="en">
And there may be other small changes so that accessible_hamburger works correctly for AMP.
Would you be willing to help me modify my CSS-only hamburger menu approach based on accessible_hamburger? I can help you negotiate AMP (I have written AMP valid HTML and can short-cut your learning curve). You then could present an AMP-valid structure. In return, I would have a solution for my applications.
Let me know if you have the time and interest to do this.
/jay
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.