📝Penn Week 11a – Web Accessibility, Designing an Interface Work Continues, JavaScript Libraries

New Work on my end

📓 Accessibility

As we learned from the Exclusive Design reading, inclusive design is a process rather than a check list. Accessibility is also about thinking through the design process and considering how non-technical details, like language, can provide a clear and meaningful experience, and considering this early on feels less exclusionary than adding adjustments as an afterthought. Keeping this in mind, I want to share a few technical considerations that might help your process.

Navigating with Voice Controls

In iOS
  1. System preferences
  1. Accessibility
  1. VoiceOver → enable voice over

On Windows you can use Narrator

Navigating with Tab


Web Contrast Color Checker


  • This tool evaluates contrast and provides a score for contrast. The scores are evaluated by three different metrics:
  1. Single A is viewed as the minimum level of requirement which all websites, apps, and electronic content such as documents should adhere to.
  1. Double A is viewed as the acceptable level of accessibility for many online services, which should work with most assistive technology which is now widely available on both desktop and mobile devices, or which can be purchased as a third-party installation.
  1. Triple A compliance is viewed as the gold standard level of accessibility, which provides everything for a complete accessible offering, including all the bells and whistles which make the difference between a very good experience and an excellent one.

(Descriptions from Digital Accessibility Centre)


Web Content Accessibility Guidelines


Highlights all requirements and guidelines at the time of publication. 

Online Tests and Tools

Tools

Test

There are different tools that you can use to review potential issues and plan around them. The first link is one accessibility checker which will catch mistakes such as not having alt text and flag potential warnings. This is good as a first pass, but the design and development should be part of a longer conversation.


Design Considerations