recentpopularlog in

abberdab : accessibility   39

Web Content Accessibility Guidelines 2.1—for People Who Haven’t Read the Update ◆ 24 ways
Alan Dalton gives a plain English guide to the updates.

>"The WCAG working group have added 17 success criteria to the 61 that they released way back in 2008—for context, that was 1½ years before Apple released their first iPad! These new criteria make it easier than ever for us web geeks to produce work that is more accessible to people using mobile devices and touchscreens, people with low vision, and people with cognitive and learning disabilities."
a11y  wcag2-1  accessibility 
december 2018 by abberdab
Accessibility for Teams
This guide provides:

- An overview of how each team member can contribute to a product's accessibility
- A framework for thinking about accessibility and inclusive design in your role
- An understanding of the human need behind accessibility practices
- We focus on the issues most likely to impact government sites. These guidelines do not provide a comprehensive list of all possible issues. Your team will need additional resources and work to conduct manual audits to conform to the standards of Section 508 (which aligns with the W3C Web Content Accessibility Guidelines (WCAG) 2.0 Level AA), a law that ensures all web content is accessible to anybody with a disability.
a11y  accessibility  design 
july 2018 by abberdab
Cards
Other component articles have already explored the advantages of using lists to enhance assistive technology users' experience. Briefly:
Screen readers provide shortcuts to lists and between list items
Screen readers enumerate the items so users know how many are available
a11y  accessibility  css  design  cards  lists  components  focus  focus-within  layout  flexbox  grid  clip 
june 2018 by abberdab
<a> - HTML | MDN
Includes alternatives to opening a new window: "noopener" for security, "download" for files meant to be downloaded, etc.
html  a11y  accessibility  markup  links  security 
november 2017 by abberdab
A Responsive Accessible Table | Adrian Roselli
After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt to break it down to give you enough information to make your own responsive, accessible table because my example will likely not fit your case precisely (or closely?).
a11y  css  html  responsive  tables  accessibility 
november 2017 by abberdab
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
a11y  accessibility  components  component-libraries  ui  ux  navigation 
october 2017 by abberdab
Color Contrast for Better Readability | Viget
I’ve been working on a process to help me ensure good color contrast and readability in my projects. Thanks to some helpful color contrast accessibility tools, I think I have something that is working and wanted to share with others in the event that you find it helpful, too.
a11y  color  contrast  design  colorpalettes  accessibility 
august 2017 by abberdab
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users
There are occasional instances where content should be made available to screen reader users, but hidden from sighted users. In most cases, if content (particularly content that provides functionality or interactivity) is important enough to provide to screen reader users, it should probably be made available to all users.
accessibility  css  usability  skip-links  a11y 
august 2017 by abberdab
Testing the accessibility of pattern libraries
Succinct starting place for reviewing the accessibility of your site components.
accessibility  ally 
july 2017 by abberdab
WAI-ARIA Authoring Practices 1.1
The mother of all lists of accessible web patterns. Awesome.
a11y  accessibility  reference  patterns  development  components  html5  semantics  semanticweb 
july 2017 by abberdab
Contrast – Guide
Nice designer-targeted summary of the WCAG 2.0 accessibility guidelines for contrast.
reference  wcag  a11y  design  accessibility 
july 2017 by abberdab
Accessibility (a11y) node module
Runs an accessibility audit against a URL. Easy accessibility audits powered by the Chrome Accessibility Tools. Integrate into your build process.
accessibility  a11y  node.js 
august 2016 by abberdab
Accessible UI Components For The Web — Medium
Web Accessibility Tooling covered in the new Totally Tooling Tips s03e08To be accessible, UI components need to work across multiple devices with varying screen-sizes and different kinds of input.
accessibility 
july 2016 by abberdab
Introduction · eBay MIND Patterns
Accessibility patterns used by eBay. Thorough and useful real world documentation

"NOTE: Support for Internet Explorer 9 and below was recently dropped, allowing us more time to focus on accessibility matters, rather than cross-browser issues."
accessibility  documentation  examples  markup  dev 
july 2016 by abberdab
Accessible SVGs | CSS-Tricks
Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported
svg  accessibility  crossbrowser  adobe-illustrator  animation  charts  interactive  contrast  dev 
july 2016 by abberdab
Adactio: Journal—Unlabelled search fields
Adam Silver is writing a book on forms—you may be familiar with his previous book on maintainable CSS. In a recent article (that for some reason isn’t on his blog), he looks at markup patterns for search forms and advocates that we should always use a label. I agree. But for some reason, we keep getting handed designs that show unlabelled search forms. And no, a placeholder is not a label.
accessibility  forms  dev  design  www 
july 2016 by abberdab
Frend — A collection of accessible, modern front-end components.
Frend components are modest and dependency-free. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment.
accessibility  css  html  standards  patterns  www 
may 2016 by abberdab
Transcribing Podcasts for Podcasters ?Podcast Transcription from Pods in Print
On the subject of accessibility. Why do so few web design podcasts provide transcripts? Services like make it so easy
transcripts  accessibility  podcasts 
september 2014 by abberdab
Accesskey standards | clagnut/blog
Standard Accesskeys and a comparison of their use by different standard bearers.
accessibility  standards  access-keys  reference  xhtml  html  dev  ux  www 
may 2007 by abberdab
A CSS Solution to Image Blocking - Campaign Monitor Blog
Tips for styling alternate content for when images are turned off - uses span tags and relative positioning. Neat technique!
css  email  standards  accessibility  dev  ux  www  how-to 
december 2006 by abberdab

Copy this bookmark:





to read