lucalanca
Multiple Navigation Landmarks
Accessible Notifications
Re:Sticky Footer
on Monday September 30, 2019 @07:46AM (#21114175)
Sticky footer, in this case, is not really sticky as in "always there as you scroll". It's more like: "always at the end of the screen, even if there's not enough content".
A11Y Tips #1: Accessible Icon Links
Re:Show HN: Button Contrast Checker
on Thursday September 19, 2019 @08:54AM (#21015674)
You're right. I wonder if adding role='presentation' is the right thing to do in this case, since having a button with contrast fail is more like an image there. WDYT?
Re:Show HN: Button Contrast Checker
on Thursday September 19, 2019 @08:10AM (#21015411)
Disclaimer: I'm the OP.
There are tons of contrast checkers out there, this does some things differently:
- Checks all buttons and links on a webpage.
- Tests default, hover and focus states.
- Tests Button Background vs. Adjacent Background (non-text contrast).
- You can share results with your team.
- It’s free.
Here are a few notes on some technologies used:
- AWS Lambda Functions (through Serverless Framework)
- DynamoDB to store results (they take a while to calculate)
- Puppeteer: we simulate real "hover" and "focus".
It was the first time using these technologies, but I'm very happy how great they fit together.