Enforcing Accessibility Best Practices with Automatically-Generated IDs
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
Brad Frost
Enforcing Accessibility Best Practices with Automatically-Generated IDs
One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don't…
How to Create an Accessible React Modal
A step-by-step guide to creating an accessible and reusable modal component. - http://amp.gs/U1Qa
#react #accessibility
A step-by-step guide to creating an accessible and reusable modal component. - http://amp.gs/U1Qa
#react #accessibility
Medium
How to create an accessible React modal
A step-by-step guide to creating an accessible and reusable modal component in React
Inclusively Hidden
A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible. - http://amp.gs/UR2M
#accessibility
A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible. - http://amp.gs/UR2M
#accessibility
www.scottohara.me
Inclusively Hidden | scottohara.me
There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...
How to Test for Accessibility With Cypress
Josh McClure reviews how to create test cases, integrate and use axe to check for accessibility violations with Cypress, and enhance accessibility tests. - http://amp.gs/rFv0
#ccypress #accessibility #testing
Josh McClure reviews how to create test cases, integrate and use axe to check for accessibility violations with Cypress, and enhance accessibility tests. - http://amp.gs/rFv0
#ccypress #accessibility #testing
Deque
How to test for accessibility with Cypress | Deque
Let's review how to create test cases, integrate and use axe to check for accessibility violations with Cypress, and enhance accessibility tests.
Accessibility Strategies for Your Content Team
Some tips and tools to help empower content creators to take ownership of accessibility. - http://amp.gs/Ajxj
#accessibility
Some tips and tools to help empower content creators to take ownership of accessibility. - http://amp.gs/Ajxj
#accessibility
Deque
Accessibility Strategies for Your Content Team | Deque
Content creators can have a major impact on accessibility, here are some tips and tools to help empower content creators to take ownership of accessibility.
Unexpected Accessibility Tips
Chris Cid shares some practical tips for testing accessibility and inclusive design. - http://amp.gs/sTjO
#accessibility
Chris Cid shares some practical tips for testing accessibility and inclusive design. - http://amp.gs/sTjO
#accessibility
Cjcid
Unexpected accessibility tips – Chris Cid ∣ CJCid
A list of 9 unexpected tips for testing digital accessibility and inclusive design
The Accessibility Tree
Ben Myers shares how browsers convert HTML elements into an accessibility tree. - http://amp.gs/ilzn
#css #accessibility
Ben Myers shares how browsers convert HTML elements into an accessibility tree. - http://amp.gs/ilzn
#css #accessibility
Accessibility Tips for Web Developers
Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/iAbX
#css #accessibility
Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/iAbX
#css #accessibility
DEV Community
Accessibility Tips for Web Developers
When designing for accessibility, there are six key areas of disability to consider: visual, hearing, mobility, cognition, speech and neural.
Accessibility Tips for Web Developers
Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/DtWi
#css #accessibility
Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/DtWi
#css #accessibility
DEV Community 👩💻👨💻
Accessibility Tips for Web Developers
When designing for accessibility, there are six key areas of disability to consider: visual, hearing, mobility, cognition, speech and neural.
Roles and Relationships
Sarah Higley explains that even small mistakes in using ARIA roles can have big negative consequences for users - http://amp.gs/uubU
#css #accessibility
Sarah Higley explains that even small mistakes in using ARIA roles can have big negative consequences for users - http://amp.gs/uubU
#css #accessibility
Sarah Higley
Roles and relationships | Sarah Higley
Menus, trees, and grids, oh my! Debugging composite widget semantics with browser devtools.
Are your Anchor Links Accessible?
Amber Wilson shows how to create accessible anchor links. - http://amp.gs/Mu6p
#css #accessibility
Amber Wilson shows how to create accessible anchor links. - http://amp.gs/Mu6p
#css #accessibility
amberwilson.co.uk
Are your Anchor Links Accessible?
One day I decided I wanted to add anchor links to each of the sections in my blog posts. Over the past few months, I'd seen these links on a lot of pages—from …
Access Guide
Alex Chen shares an introduction to digital accessibility – specifically to help understand WCAG 2.1 (Web Content Accessibility Guidelines), the official resource for legal compliance. - http://amp.gs/j8He6
#accessibility
Alex Chen shares an introduction to digital accessibility – specifically to help understand WCAG 2.1 (Web Content Accessibility Guidelines), the official resource for legal compliance. - http://amp.gs/j8He6
#accessibility
Alex's notes on Notion
Access Guide
Access Guide is a friendly introduction to digital accessibility based on WCAG 2.1
Myths About Web Accessibility
Alvaro Montoro debunks some of the common accessibility misconceptions and myths. - http://amp.gs/j1ugE
#accessibility
Alvaro Montoro debunks some of the common accessibility misconceptions and myths. - http://amp.gs/j1ugE
#accessibility
Debugging HTML: Accessibility
Manuel Matuzović offers some tips on debugging accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge. - http://amp.gs/jYW4g
#html #accessibility
Manuel Matuzović offers some tips on debugging accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge. - http://amp.gs/jYW4g
#html #accessibility
Debugging HTML: Accessibility - HTMHell
You can debug accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge.
Understanding Accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
👍6