Are you over 18 and want to see adult content?
More Annotations
![A complete backup of www.espn.com.br/futebol/artigo/_/id/6604263/haaland-marca-mais-uma-vez-mas-borussia-dortmund-perde-para-wer](https://www.archivebay.com/archive2/847d3d44-1138-424a-af7d-2be192332e33.png)
A complete backup of www.espn.com.br/futebol/artigo/_/id/6604263/haaland-marca-mais-uma-vez-mas-borussia-dortmund-perde-para-wer
Are you over 18 and want to see adult content?
![A complete backup of bolastylo.bolasport.com/read/172008249/link-live-streaming-watford-vs-everton-liga-inggris-laga-emosional-s](https://www.archivebay.com/archive2/49c02ae6-8302-4967-ac71-a87f679548be.png)
A complete backup of bolastylo.bolasport.com/read/172008249/link-live-streaming-watford-vs-everton-liga-inggris-laga-emosional-s
Are you over 18 and want to see adult content?
![A complete backup of www.espn.com.br/futebol/artigo/_/id/6604263/haaland-marca-mais-uma-vez-mas-borussia-dortmund-perde-para-wer](https://www.archivebay.com/archive2/d7af124b-1be1-4674-a2f0-d8f3a3c126e7.png)
A complete backup of www.espn.com.br/futebol/artigo/_/id/6604263/haaland-marca-mais-uma-vez-mas-borussia-dortmund-perde-para-wer
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of mikey-dean-agresta.tumblr.com](https://www.archivebay.com/archive2/ed7216d3-6ecb-498c-939b-133075fd0e8f.png)
A complete backup of mikey-dean-agresta.tumblr.com
Are you over 18 and want to see adult content?
![A complete backup of postergully.myshopify.com](https://www.archivebay.com/archive2/9e1ebfe2-cefc-4fcc-8071-c8ddeb4ca428.png)
A complete backup of postergully.myshopify.com
Are you over 18 and want to see adult content?
![A complete backup of stephaniezheng.tumblr.com](https://www.archivebay.com/archive2/85720bc9-4482-445e-881a-e3a40b6d67fa.png)
A complete backup of stephaniezheng.tumblr.com
Are you over 18 and want to see adult content?
![A complete backup of switchedonkids.com.au](https://www.archivebay.com/archive2/13838206-1c41-473b-ae71-eab4ccb0a05d.png)
A complete backup of switchedonkids.com.au
Are you over 18 and want to see adult content?
![A complete backup of coroana-brasovului.ro](https://www.archivebay.com/archive2/5005ef0f-acbe-4b75-80b1-0758f04df11a.png)
A complete backup of coroana-brasovului.ro
Are you over 18 and want to see adult content?
![A complete backup of acetennisacademy.in](https://www.archivebay.com/archive2/a1341379-6b64-41a1-8a75-9534d72357d8.png)
A complete backup of acetennisacademy.in
Are you over 18 and want to see adult content?
![A complete backup of mer-ka-ba.com.ua](https://www.archivebay.com/archive2/fadcc241-5734-4997-8452-4d1e964f4177.png)
A complete backup of mer-ka-ba.com.ua
Are you over 18 and want to see adult content?
![A complete backup of riverbankcomputing.com](https://www.archivebay.com/archive2/d194b779-6237-45d9-9895-1eb4342bdf5b.png)
A complete backup of riverbankcomputing.com
Are you over 18 and want to see adult content?
![A complete backup of ultimatetraining.bg](https://www.archivebay.com/archive2/25b373ee-969c-4f18-bfdb-bf568f1d0912.png)
A complete backup of ultimatetraining.bg
Are you over 18 and want to see adult content?
Text
ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONSKEEP THE UNDERLINE
Keep the Underline. Being a web accessibility advocate and practitioner is certainly frustrating at times. Especially when important, foundational best practices get ignored because “the cool kids are doing it”. This was the muse for writing this tweet (for which I was happily surprised to see numerous retweets!): WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITYRESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILESTHE WEBAIM MILLION—UPDATEDACROBATROUNDUP Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit. UPCOMING ACCESSIBILITY EVENTS (MID-2021) Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. A Future Date conference, date to be announced @afuturedateconf.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONSKEEP THE UNDERLINE
Keep the Underline. Being a web accessibility advocate and practitioner is certainly frustrating at times. Especially when important, foundational best practices get ignored because “the cool kids are doing it”. This was the muse for writing this tweet (for which I was happily surprised to see numerous retweets!): WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITY Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. WCAG CHEAT SHEETS AND CHECKLISTS The Accessibility Cheatsheet by Bits of Code. Web Accessibility Checklist by The A11y Project. Product Accessibility Checklist by Vox Media. WCAG Guide by Marcelo Sales; pretty cool, but too bad the obnoxious focus effect doesn’t turn off via reduced motion setting. Easy Checks – A First Review of Web Accessibility by W3C WAI. PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
HIGH CONTRAST OPTION FOR COLOR CONTRAST Most of use are aware of the color contrast guideline in WCAG 2.0 AA which states:. 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA) INFINITE SCROLLING AND ACCESSIBILITY (IT’S USUALLY BAD Infinite Scrolling and Accessibility (It’s Usually Bad) Experts say don’t do infinite scrolling, or be extremely careful in doing so. I completely agree. Infinite scrolling creates accessibility and usability problems. Below are checkpoints, issues and suggestions from a few resources. Here’s a great list of checkpoints from the article ABOUT CAROUSELS AND ARIA TABS The container of the controls/tabs has a role of tablist. Add aria-labelledby to the tabpanels which point to the id of the associated control/tab. To each control/tab, add aria-controls (which points to the id of the associated tabpanel) and aria-selected (boolean) attributes. Here are some code resources to help make senseof this.
DETECTING SCREEN READERS Detecting Screen Readers – No. There has been much discussion about the idea of detecting a screen reader from a website and optimizing the code. In the W3C editor’s draft IndieUI 1.0: User Context, screen reader detection is proposed. This scares me and many others in the web accessibility community. In the recent publishing of theWebAIM
ACCESSIBILITY TORONTO CONFERENCE A BIG SUCCESS! The inaugural Accessibility Toronto Conference was a big success! The event was held September 28-29, 2017 in the TELUS building in downtown Toronto. (Toronto has been a leader in conducting accessibility “camps” but this was the first “conference”.) Major thanks to the event organizers and sponsors. WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITYRESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILESTHE WEBAIM MILLION—UPDATEDAJAXLAYOUT Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit. UPCOMING ACCESSIBILITY EVENTS (MID-2021) Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. A Future Date conference, date to be announced @afuturedateconf.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by WCAG CHEAT SHEETS AND CHECKLISTS The Accessibility Cheatsheet by Bits of Code. Web Accessibility Checklist by The A11y Project. Product Accessibility Checklist by Vox Media. WCAG Guide by Marcelo Sales; pretty cool, but too bad the obnoxious focus effect doesn’t turn off via reduced motion setting. Easy Checks – A First Review of Web Accessibility by W3C WAI. ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONS VESTIBULAR ISSUES IN PARALLAX DESIGN Over the last year or so, a design trend in the web and mobile world has been transition animations, parallax effects, and the like. For many users, this can cause vestibular issues; the symptom is usually vertigo, or a feeling of motion sickness. The issue was not well recognized until iOS 7 was released and overwhelmed users with an excessive amount of visual effects, especially parallax. WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITYRESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILESTHE WEBAIM MILLION—UPDATEDAJAXLAYOUT Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit. UPCOMING ACCESSIBILITY EVENTS (MID-2021) Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. A Future Date conference, date to be announced @afuturedateconf.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by WCAG CHEAT SHEETS AND CHECKLISTS The Accessibility Cheatsheet by Bits of Code. Web Accessibility Checklist by The A11y Project. Product Accessibility Checklist by Vox Media. WCAG Guide by Marcelo Sales; pretty cool, but too bad the obnoxious focus effect doesn’t turn off via reduced motion setting. Easy Checks – A First Review of Web Accessibility by W3C WAI. ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONS VESTIBULAR ISSUES IN PARALLAX DESIGN Over the last year or so, a design trend in the web and mobile world has been transition animations, parallax effects, and the like. For many users, this can cause vestibular issues; the symptom is usually vertigo, or a feeling of motion sickness. The issue was not well recognized until iOS 7 was released and overwhelmed users with an excessive amount of visual effects, especially parallax.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. WCAG CHEAT SHEETS AND CHECKLISTS The Accessibility Cheatsheet by Bits of Code. Web Accessibility Checklist by The A11y Project. Product Accessibility Checklist by Vox Media. WCAG Guide by Marcelo Sales; pretty cool, but too bad the obnoxious focus effect doesn’t turn off via reduced motion setting. Easy Checks – A First Review of Web Accessibility by W3C WAI. MARCH 2021 – WEB AXE Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. COLOR CONTRAST TOOLS Tanaguru Contrast-Finder – web tool that offers solutions. CheckMyColors – enter URL – by Giovanni Scala. WCAG Contrast checker – Firefox add-on by Rumoroso. Colour Contrast Determinator (beta) by Vision Australia. ColorA11y Chrome extension by Matt Long. A11y Color Palette by Matt Long. Color Contrast Analyzer – Chromeextension by
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): DIGITAL ACCESSIBILITY JOBS, JAN 2021 Digital Accessibility Jobs, Jan 2021. More great opportunities in the field of digital accessibility. Senior UX Designer, Accessibility at Ad Hoc (remonte/DC). Accessibility Director at California Community Colleges (CCC) Technology Center. Web Accessibility Programmer at California Community Colleges in San Mateo, CA. ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
FORCE FOCUS TOOLS
on Force Focus Tools. When testing web accessibility, missing visual focus indicators is a “violation” of 2.4.7 Focus Visible. And when it fails, it also makes other checkpoints difficult to test (for sighted testers) such as focus order. To get around this problem, here are a few tools to help force a visual indication of keyboard focus.KEEP THE UNDERLINE
Keep the Underline. Being a web accessibility advocate and practitioner is certainly frustrating at times. Especially when important, foundational best practices get ignored because “the cool kids are doing it”. This was the muse for writing this tweet (for which I was happily surprised to see numerous retweets!): ABOUT CAROUSELS AND ARIA TABS The container of the controls/tabs has a role of tablist. Add aria-labelledby to the tabpanels which point to the id of the associated control/tab. To each control/tab, add aria-controls (which points to the id of the associated tabpanel) and aria-selected (boolean) attributes. Here are some code resources to help make senseof this.
WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITYRESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILESTHE WEBAIM MILLION—UPDATEDACROBATROUNDUP Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! UPCOMING ACCESSIBILITY EVENTS (MID-2021) Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. A Future Date conference, date to be announced @afuturedateconf. WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
FORCE FOCUS TOOLS
on Force Focus Tools. When testing web accessibility, missing visual focus indicators is a “violation” of 2.4.7 Focus Visible. And when it fails, it also makes other checkpoints difficult to test (for sighted testers) such as focus order. To get around this problem, here are a few tools to help force a visual indication of keyboard focus. PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONS ACCESSIBILITY RESOURCES FOR CHALLENGING TIMES—A LETTER Accessibility Resources for Challenging Times—a letter from Lainey Feingold. This is a guest post; a slightly modified letter from Lainey Feingold. Thank you Lainey! I hope this message finds you, your families and colleagues, and all those you love safe and as well as possible during these challenging times, the COVID-19 (Coronavirus)pandemic.
WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITYRESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILESTHE WEBAIM MILLION—UPDATEDACROBATROUNDUP Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit. ACCESSIBLE DATE PICKERS Accessible date picker by Deque Systems. Athena date picker. jQuery UI datepicker by Hans Hillen. Datepicker widget by Assets.cms.gov. OpenAjax date picker. Added Jan 2017: Accessible date picker by Adina Halter. Added Jun 2020: Tommy’s inclusive datepicker by Tommy Feldt. Added Jan 2021: Duet Date Picker Nice! UPCOMING ACCESSIBILITY EVENTS (MID-2021) Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. TechAccess Oklahoma 2021, April 20-22. Added: Web4All April 19-20. Making a COVID-19 Site Accessible: From Tweet to Action (live YouTube), A11yTalks series, April 22. A Future Date conference, date to be announced @afuturedateconf. WEB ACCESSIBILITY BOOKS on Web Accessibility Books. Here’s a great list of accessibility books. Feel free to submit any others in comments. (Updated Jan. 2020) Accessibility For Everyone, by @LauraKalbag, A Book Apart 2017. Color Accessibility Workflows, by @HelloGeri, A Book Apart 2017. Inclusive Design Patterns —Coding Web Accessibility Into Web Design, by ACCESSIBLE CUSTOM SELECT DROPDOWNSWeb
Design Update: August 2, 2017 – Computer and Information ScienceResources says:
ACCESSIBLE HTML5 MEDIA PLAYERS AND MORE Acorn Media Player – via @ghindas, author of Opera article below. MediaElement.js. Video.js – an open-source HTML5 video player. Able Player – by Terrill Thompson (GitHub) OzPlayer – by AccessibilityOz. Fluid Project VideoPlayer (archived) Accessible HTML5 Video Player – by PayPal. Accessible and Responsive HTML5 VideoPlayer
FORCE FOCUS TOOLS
on Force Focus Tools. When testing web accessibility, missing visual focus indicators is a “violation” of 2.4.7 Focus Visible. And when it fails, it also makes other checkpoints difficult to test (for sighted testers) such as focus order. To get around this problem, here are a few tools to help force a visual indication of keyboard focus. PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2): ACCESSIBILITY FOR HTML5 VIDEO, CONTROLS AND CAPTIONS ACCESSIBILITY RESOURCES FOR CHALLENGING TIMES—A LETTER Accessibility Resources for Challenging Times—a letter from Lainey Feingold. This is a guest post; a slightly modified letter from Lainey Feingold. Thank you Lainey! I hope this message finds you, your families and colleagues, and all those you love safe and as well as possible during these challenging times, the COVID-19 (Coronavirus)pandemic.
WEB AXE – BLOG AND PODCAST ON WEB ACCESSIBILITY Accessibility Camp Bay Area, May 22, @A11yCampBay. John Slatin Virtual AccessU 2021, May 13 and 18–20, Knowbility. Accessibility Toronto Camp, Saturday May 29, tweet announcement, @a11yTO #a11yTOCamp. Inclusive Design 24 returns September 16, @id24conf #id24. M-Enabling Summit, October 4-6, 2021, Washington DC @menablingsummit.ABOUT WEB AXE
About Web Axe. Web Axe is a blog about web accessibility. It was founded in September of 2005. Although not podcasting any longer, Web Axe was nominated for “Podcast of the Year” in .net magazine’s 2008, 2009 and 2010 Best of the Web awards. Dennis Lembree is the founder and author of Web Axe. DIGITAL ACCESSIBILITY NEWSLETTERS The web/digital industry certainly moves fast, and arguably even more so in the accessibility field. Here are some good resources to help keep you updated. WebAIM monthly newsletter. WebAIM Web Accessibility E-mail Discussion List. Web Design Update newsletter by Laura Carlson/University of Minnesota. a11yWeekly newsletter by David A.Kennedy.
WCAG CHEAT SHEETS AND CHECKLISTS The Accessibility Cheatsheet by Bits of Code. Web Accessibility Checklist by The A11y Project. Product Accessibility Checklist by Vox Media. WCAG Guide by Marcelo Sales; pretty cool, but too bad the obnoxious focus effect doesn’t turn off via reduced motion setting. Easy Checks – A First Review of Web Accessibility by W3C WAI. PERCEIVABLE, OPERABLE, UNDERSTANDABLE, AND ROBUST Perceivable, Operable, Understandable, and Robust. Joe Dolson recently completed an excellent four part series published on the Practical eCommerce web site. Another great read from Joe,highly recommended. The articles cover the following four fundamental principles of the Web Content Accessibility Guidelines 2.0 (WCAG 2):FORCE FOCUS TOOLS
on Force Focus Tools. When testing web accessibility, missing visual focus indicators is a “violation” of 2.4.7 Focus Visible. And when it fails, it also makes other checkpoints difficult to test (for sighted testers) such as focus order. To get around this problem, here are a few tools to help force a visual indication of keyboard focus. ACCESSIBILITY RESOURCES FOR CHALLENGING TIMES—A LETTER Accessibility Resources for Challenging Times—a letter from Lainey Feingold. This is a guest post; a slightly modified letter from Lainey Feingold. Thank you Lainey! I hope this message finds you, your families and colleagues, and all those you love safe and as well as possible during these challenging times, the COVID-19 (Coronavirus)pandemic.
LEARNING HOW TO TEST WITH SCREEN READERS on Learning How to Test with Screen Readers. Although accessibility checklists are important, testing for web accessibility requires more than that. Some testing requires tasks which can only be done by a human including testing with a screen reader. It’s best for a regular screen reader user to do the testing, but it’s also good fora
DETECTING SCREEN READERS Detecting Screen Readers – No. There has been much discussion about the idea of detecting a screen reader from a website and optimizing the code. In the W3C editor’s draft IndieUI 1.0: User Context, screen reader detection is proposed. This scares me and many others in the web accessibility community. In the recent publishing of theWebAIM
ACCESSIBILITY TORONTO CONFERENCE A BIG SUCCESS! The inaugural Accessibility Toronto Conference was a big success! The event was held September 28-29, 2017 in the TELUS building in downtown Toronto. (Toronto has been a leader in conducting accessibility “camps” but this was the first “conference”.) Major thanks to the event organizers and sponsors.Skip to the content
Search
WEB AXE
blog and podcast on web accessibility Menu* About Web Axe
* About Web AccessibilitySearch
Search for: Close searchClose Menu
*
About Web Axe
*
About Web AccessibilityCategories
event roundup
UPCOMING ACCESSIBILITY EVENTS (MID-2021) * Post author By Dennis * Post date March 18, 2021 * 2 Comments on Upcoming Accessibility Events (mid-2021) With CSUN and axe-con ending, what are other events or conferences are coming up? Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more. * TechAccess Oklahoma 2021 , April 20-22 * Added: Web4All April 19-20 * Making a COVID-19 Site Accessible: From Tweet to Action(live YouTube),
A11yTalks series, April 22 * A Future Date conference , date to be announced @afuturedateconf * Global Accessibility Awareness Day, May 20 #GAAD
* Accessibility Camp Bay Area , May 22, @A11yCampBay * John Slatin Virtual AccessU 2021 , May 13 and 18–20,Knowbility
* Accessibility Toronto Camp , Saturday May 29, tweet announcement, @a11yTO
#a11yTOCamp
* Inclusive Design 24 returns September 16, @id24conf #id24 * M-Enabling Summit , October 4-6, 2021, Washington DC @menablingsummit * Accessing Higher Ground – November 15-19, submit speaker proposal(due 5/12)
Also, check out my Twitter list of accessibility meetupsaround the world.
-------------------------Categories
jobs
DIGITAL ACCESSIBILITY JOBS, JAN 2021 * Post author By Dennis * Post date January 18, 2021 * No Comments on Digital Accessibility Jobs, Jan 2021 More great opportunities in the field of digital accessibility. * Senior UX Designer, Accessibilityat Ad Hoc
(remonte/DC).
* Accessibility Director at California Community Colleges (CCC) Technology Center. * Web Accessibility Programmerat
California Community Colleges in San Mateo, CA. * Accessibility Consultantat
Deque Systems in Herndon, VA, or remote location. * UX Accessibility Specialist IIat Edward Jones in
San Francisco, CA.
* Accessibility Engineer at Vispero (Remote). * Accessibility Leadat
Zendesk in San Francisco, CA. * Accessibility Program Leadat Amazon (remote).
* Accessibility Engineerat MURAL
(Remote).
* Digital Accessibility Consulting Engineer at Stanford in Palo Alto, CA. * Sr. Accessibility Specialistat Thomson Reuters.
* Senior Accessibility Leadat Spotify in
New York, NY.
* Mobile Engineer: Accessibility at Babylon Health in Austin, TX. As always, watch out for more job listings on Twitter via @a11yJobs, @EasyChirp, and me @WebAxe. -------------------------Categories
code design
roundup
WEB ACCESSIBLE CODE LIBRARIES AND DESIGN PATTERNS * Post author By Dennis * Post date January 7, 2021 * 10 Comments on Web Accessible Code Libraries and Design Patterns Within a web development organization, it’s ideal to maintain (and enforce usage of) design patterns and a components library. And they should work together; design patterns create consistency among visual elements across projects and the components library creates consistent implementation of those patterns during development. This is especially important on several levels including accessibility. Here is an extensive list of recommended code libraries, patterns, and design systems. It’s one list instead of separating by category as many have elements of each. There are also some related articles below. Please leave a comment for any updates, corrections, additions,etc.
* U.S. Web Design System version 2 from United States government (previous version: U.S. Web Design Standards)
* Assets Framework by U.S. federal government website managed by the Centers for Medicare & Medicaid Services (requires 6 JS and 3 CSS files) * Government Service Design Manual(UK)
* GOV.UK Design System — and blog post Introducing the GOV.UK Design System* BBC GEL
* Australian Government Design System * Online Accessibility Toolkit by The Government of SouthAustralia
* AccDC Technical Style Guide by WhatSock/Bryan Garaventa * Accessible_Componentsby Scott
O’Hara
* No Style by Adam Silver * MIND Patterns from eBay byeBay/Ian McBurnie
* Cauldron React pattern library by Deque Systems (Cauldron vanilla JS versionbut is deprecated)
* Code Library by Deque University * Tenon-UI accessible React componentslibrary
* Foundation for Sites byZURB
* A11Y Style Guide by@CarieFisher
* Accessible design patterns by@LeonieWatson
* Demos by Web Overhauls by Web Axe author @DennisL * Modern Web Accessibility Demos by@PaulJAdam
* Accessible Solutionsby @haltersweb
* Simply Accessible Examples – training and workshop examples by Simply Accessible * Vuetensils – A reportedly accessible component library for Vue.js * Lightning Design System bySalesforce
* Polaris by Shopify * Rivet Design System by Indiana University * Lion Web Components by ING Bank; Lion on GitHub * Chakra – React component library bySegun Adebayo
* Web Experience Toolkit(WET) by
Government of CanadaRELATED RESOURCES:
* W3C WAI-ARIA Authoring Practices – Design Patterns and Widgets * Web Accessibility Tutorials byW3C WAI
* Inclusive Components article series by Heydon Pickering * Design Patterns for Government ServicesUXPA 2016
(Slideshare) by Caroline Jarrett * Style Guide Best Practicesby Brad
Frost
* Creating A Living Style Guide: A Case Studyby Steven Lambert
* Website Style Guide Resources – long list of real life pattern libraries, code standards documents and content style guides. * Design Systems vs. Pattern Libraries vs. Style Guides – What’sthe Difference?
by UXPin
* Scaling accessibility with a design systemby Geri Reid
* accessible-slick
– the last
(accessible) carousel you’ll ever need, by Accessible360 -------------------------Categories
tools visual
ACCESSIBILITY RENDERING TOOLS IN CHROME * Post author By Dennis * Post date October 4, 2020 * No Comments on Accessibility Rendering Tools in Chrome There are a few great simulation tools in Chrome which invoke rendering of a couple CSS media queries and simulate several types of color blindness. These are great for testing the implementation of your accessible design! The features include: * Emulate CSS media feature prefers-color-scheme * Emulate CSS media feature prefers-reduced motion * Emulate vision deficiencies Unfortunately, they are quite difficult to discover/locate, so here’s where to find them: * In Chrome browser, open the Developer Tools. * Select the “…” menu button in the toolbar. * Select the “More tools” menu. * Select Rendering; the Rendering panel appears in the sub-panel (next to Console if no others are present). * Scroll to the bottom of the Rendering panel to locate thefeatures.
* Select an option from the dropdown for each.Happy developing!
ADDENDUM
Great point by Chris Heilmann via Twitter.RELATED
* Accessible Web Animation: The WCAG on Animation Explained(Sep. 2020)
* prefers-reduced-motion: Sometimes less movement is more(Dec. 2019)
-------------------------Categories
code design
RESOURCES FOR DEVELOPING ACCESSIBLE CARDS/TILES * Post author By Dennis * Post date August 28, 2020 * No Comments on Resources for developing accessible cards/tiles The card pattern (also know as tiles and blades) has become quite popular over the last several years. There are many accessibility challenges that may arise quickly when web developers attempt to buildthem including:
* Providing keyboard access * Providing an adequate visible focus indicator * Link text that’s not overly verbose for screen reader users * Using correct semantic markup, especially for the heading * Maintaining proper reading order * Not duplicating content Here are a several great resources on building accessible cards/tiles and address these issues: * Cards by InclusiveComponents (2018)
* How to build accessible cards–block linksby Nomensa (2020)
* Tile examples
by
eBay MIND Patterns (updated 2019)* Cards
by a11y
Style Guide, Carie Fisher * Cards with Delete exampleby Zoë Bijl
* Card example
by Scott
O’hara
* Cards by GEL BBC
* What makes an accessible card? presentation on YouTube by Rian Rietveld/Technica11y (2019) -------------------------POSTS NAVIGATION
← Newer Posts1 2 … 100Older Posts →
RECENT POSTS
* Upcoming Accessibility Events (mid-2021)March
18, 2021
* Digital Accessibility Jobs, Jan 2021January
18, 2021
* Web Accessible Code Libraries and Design PatternsJanuary 7, 2021
* Accessibility Rendering Tools in ChromeOctober 4, 2020
* Resources for developing accessible cards/tilesAugust 28, 2020
* Digital Accessibility Jobs, June 2020June
17, 2020
* Accessibility Resources for Challenging Times—a letter fromLainey Feingold
April 17, 2020
ARCHIVES
Archives Select Month March 2021 (1) January 2021 (2) October 2020 (1) August 2020 (1) June 2020 (1) April 2020 (2) February 2020 (1) January 2020 (1) November 2019 (2) October 2019 (1) August 2019 (1) May 2019 (1) March 2019 (2) February 2019 (1) January 2019 (1) October 2018 (1) September 2018 (1) July 2018 (1) June 2018 (1) May 2018 (1) April 2018 (3) March 2018 (1) February 2018 (3) January 2018 (1) November 2017 (2) October 2017 (1) September 2017 (1) August 2017 (1) June 2017 (2) April 2017 (1) March 2017 (1) February 2017 (1) January 2017 (1) November 2016 (2) June 2016 (1) April 2016 (1) March 2016 (1) February 2016 (1) January 2016 (1) November 2015 (2) September 2015 (1) August 2015 (1) July 2015 (1) June 2015 (1) April 2015 (2) March 2015 (1) February 2015 (2) January 2015 (1) December 2014 (2) November 2014 (1) October 2014 (1) September 2014 (4) July 2014 (3) June 2014 (1) May 2014 (2) April 2014 (1) March 2014 (2) February 2014 (1) January 2014 (1) December 2013 (2) November 2013 (1) October 2013 (2) September 2013 (4) August 2013 (2) July 2013 (3) June 2013 (1) April 2013 (4) March 2013 (2) February 2013 (2) January 2013 (3) December 2012 (1) November 2012 (2) October 2012 (2) September 2012 (2) August 2012 (4) July 2012 (2) June 2012 (4) May 2012 (2) April 2012 (2) March 2012 (2) February 2012 (2) January 2012 (3) December 2011 (4) November 2011 (3) October 2011 (1) September 2011 (3) August 2011 (4) July 2011 (4) June 2011 (3) May 2011 (4) April 2011 (4) March 2011 (4) February 2011 (6) January 2011 (7) December 2010 (6) November 2010 (7) October 2010 (3) September 2010 (7) August 2010 (4) July 2010 (2) June 2010 (7) May 2010 (5) April 2010 (3) March 2010 (5) February 2010 (7) January 2010 (6) December 2009 (3) November 2009 (5) October 2009 (4) September 2009 (8) August 2009 (6) July 2009 (7) June 2009 (7) May 2009 (6) April 2009 (7) March 2009 (10) February 2009 (4) January 2009 (3) December 2008 (4) November 2008 (3) October 2008 (2) September 2008 (4) August 2008 (5) July 2008 (4) June 2008 (2) May 2008 (2) April 2008 (5) March 2008 (2) February 2008 (2) January 2008 (3) December 2007 (6) November 2007 (7) October 2007 (6) September 2007 (2) August 2007 (7) July 2007 (7) June 2007 (4) May 2007 (7) April 2007 (6) March 2007 (8) February 2007 (7) January 2007 (8) December 2006 (4) November 2006 (9) October 2006 (7) September 2006 (8) August 2006 (4) July 2006 (5) June 2006 (3) May 2006 (3) April 2006 (1) March 2006 (2) February 2006 (2) January 2006 (2) December 2005 (3) November 2005 (4) October 2005 (9) September 2005 (6)TWEETS
* #webdev #aria https://t.co/yf2WOVRde6 - about 11 hours ago * Great article! "The perfect link", by @RianRietveld https://t.co/ryirCO5tJQ #webdev #webdesign #html #a11y #links #tips - about 1 day ago * Do not put aria-hidden=true on focusable elements (or containers of focusable elements) #webdev #ariaSerious https://t.co/nQhRfmkSbL -about 1 day ago
* Indeed. Also, I never used nor recommended role=form in my entire career. -DL #aria #a11y https://t.co/XREDSE4zCP - about 2 days ago * GitHub axe Linter https://t.co/D8XeA88ySj by @dequesystems #a11y #webdev #dev #tools #github #axecore - about 3 days ago * Web Axe on Twitter2021 Web Axe
Powered by WordPress To the top ↑ Up ↑Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0