\documentclass[10pt,a4paper]{article} % Packages \usepackage{fancyhdr} % For header and footer \usepackage{multicol} % Allows multicols in tables \usepackage{tabularx} % Intelligent column widths \usepackage{tabulary} % Used in header and footer \usepackage{hhline} % Border under tables \usepackage{graphicx} % For images \usepackage{xcolor} % For hex colours %\usepackage[utf8x]{inputenc} % For unicode character support \usepackage[T1]{fontenc} % Without this we get weird character replacements \usepackage{colortbl} % For coloured tables \usepackage{setspace} % For line height \usepackage{lastpage} % Needed for total page number \usepackage{seqsplit} % Splits long words. %\usepackage{opensans} % Can't make this work so far. Shame. Would be lovely. \usepackage[normalem]{ulem} % For underlining links % Most of the following are not required for the majority % of cheat sheets but are needed for some symbol support. \usepackage{amsmath} % Symbols \usepackage{MnSymbol} % Symbols \usepackage{wasysym} % Symbols %\usepackage[english,german,french,spanish,italian]{babel} % Languages % Document Info \author{Jason Reiche (jreiche)} \pdfinfo{ /Title (web-accessibility-resources.pdf) /Creator (Cheatography) /Author (Jason Reiche (jreiche)) /Subject (Web Accessibility Resources Cheat Sheet) } % Lengths and widths \addtolength{\textwidth}{6cm} \addtolength{\textheight}{-1cm} \addtolength{\hoffset}{-3cm} \addtolength{\voffset}{-2cm} \setlength{\tabcolsep}{0.2cm} % Space between columns \setlength{\headsep}{-12pt} % Reduce space between header and content \setlength{\headheight}{85pt} % If less, LaTeX automatically increases it \renewcommand{\footrulewidth}{0pt} % Remove footer line \renewcommand{\headrulewidth}{0pt} % Remove header line \renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit % This two commands together give roughly % the right line height in the tables \renewcommand{\arraystretch}{1.3} \onehalfspacing % Commands \newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour \newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols \newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns \newcommand{\tn}{\tabularnewline} % Required as custom column type in use % Font and Colours \definecolor{HeadBackground}{HTML}{333333} \definecolor{FootBackground}{HTML}{666666} \definecolor{TextColor}{HTML}{333333} \definecolor{DarkBackground}{HTML}{551700} \definecolor{LightBackground}{HTML}{F9F7F7} \renewcommand{\familydefault}{\sfdefault} \color{TextColor} % Header and Footer \pagestyle{fancy} \fancyhead{} % Set header to blank \fancyfoot{} % Set footer to blank \fancyhead[L]{ \noindent \begin{multicols}{3} \begin{tabulary}{5.8cm}{C} \SetRowColor{DarkBackground} \vspace{-7pt} {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}} } \end{tabulary} \columnbreak \begin{tabulary}{11cm}{L} \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Web Accessibility Resources Cheat Sheet}}}} \\ \normalsize{by \textcolor{DarkBackground}{Jason Reiche (jreiche)} via \textcolor{DarkBackground}{\uline{cheatography.com/33853/cs/10583/}}} \end{tabulary} \end{multicols}} \fancyfoot[L]{ \footnotesize \noindent \begin{multicols}{3} \begin{tabulary}{5.8cm}{LL} \SetRowColor{FootBackground} \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}} \\ \vspace{-2pt}Jason Reiche (jreiche) \\ \uline{cheatography.com/jreiche} \\ \end{tabulary} \vfill \columnbreak \begin{tabulary}{5.8cm}{L} \SetRowColor{FootBackground} \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}} \\ \vspace{-2pt}Published 13th February, 2017.\\ Updated 20th November, 2017.\\ Page {\thepage} of \pageref{LastPage}. \end{tabulary} \vfill \columnbreak \begin{tabulary}{5.8cm}{L} \SetRowColor{FootBackground} \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}} \\ \SetRowColor{white} \vspace{-5pt} %\includegraphics[width=48px,height=48px]{dave.jpeg} Measure your website readability!\\ www.readability-score.com \end{tabulary} \end{multicols}} \begin{document} \raggedright \raggedcolumns % Set font size to small. Switch to any value % from this page to resize cheat sheet text: % www.emerson.emory.edu/services/latex/latex_169.html \footnotesize % Small font. \begin{multicols*}{2} \begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-university\}\} Organizations - Regulatory}} \tn % Row 0 \SetRowColor{LightBackground} \{\{link="https://www.access-board.gov/"\}\}{\bf{Access Board}}\{\{/link\}\} & {\bf{United States Access Board}} \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} \{\{link="https://cio.gov/"\}\}{\bf{CIOC}}\{\{/link\}\} & {\bf{Chief Information Officer Council}} is an organization of CIO's from all major US branches and agencies from the Department of Defense to the Department of Education. \tn % Row Count 13 (+ 9) % Row 2 \SetRowColor{LightBackground} \{\{link="https://cio.gov/about/groups/accessibility-cop/"\}\}{\bf{CIOCAC}}\{\{/link\}\} & {\bf{CIO Council Access Committee}} \tn % Row Count 17 (+ 4) % Row 3 \SetRowColor{white} \{\{link="https://www.w3.org/WAI/"\}\}{\bf{WAI}}\{\{/link\}\} & \{\{link="https://www.w3.org/standards/webdesign/accessibility.html"\}\}W3C\{\{/link\}\}'s {\bf{Web Accessibility Initiative}} \tn % Row Count 23 (+ 6) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-university\}\} Organizations - Advocacy}} \tn % Row 0 \SetRowColor{LightBackground} {\bf{AFB}} & \{\{link="http://www.afb.org/"\}\}{\bf{American Foundation for the Blind}}\{\{/link\}\} \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} {\bf{CIL}} & \{\{link="http://www.ilru.org/projects/cil-net/cil-center-and-association-directory"\}\}{\bf{Centers for Independent Living}}\{\{/link\}\} are independent local organizations spread across the country. The \{\{link="http://www.ilru.org/"\}\}Independent Living Research Utilization (ILRU)\{\{/link\}\} and the \{\{link="https://acl.gov/programs/NIDILRR/"\}\}National Institute on Disability, Independent Living, and Rehabilitation Research (NIDILRR)\{\{/link\}\} provide resources on a national level. \tn % Row Count 24 (+ 20) % Row 2 \SetRowColor{LightBackground} {\bf{DOJ:ADA}} & \{\{link="https://www.ada.gov/"\}\}U.S. {\bf{Department of Justice}} Civil Rights Division\{\{/link\}\}\{\{nl\}\}DOJ ADA \{\{link="https://www.ada.gov/enforce\_activities.htm"\}\}Enforcement Activities\{\{/link\}\} \tn % Row Count 32 (+ 8) \end{tabularx} \par\addvspace{1.3em} \vfill \columnbreak \begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-university\}\} Organizations - Advocacy (cont)}} \tn % Row 3 \SetRowColor{LightBackground} {\bf{DRA}} & \{\{link="http://dralegal.org/"\}\}{\bf{Disability Rights Advocates}}\{\{/link\}\} \tn % Row Count 3 (+ 3) % Row 4 \SetRowColor{white} {\bf{DREDF}} & \{\{link="https://dredf.org/"\}\}{\bf{Disability Rights Education \& Defense Fund}}\{\{/link\}\} \tn % Row Count 7 (+ 4) % Row 5 \SetRowColor{LightBackground} {\bf{EEOC}} & \{\{link="https://www.eeoc.gov/laws/types/disability.cfm"\}\}The U.S. {\bf{Equal Employment Opportunity Commission}}\{\{/link\}\} protects against discrimination during hiring and in the workplace. \tn % Row Count 15 (+ 8) % Row 6 \SetRowColor{white} {\bf{FBC}} & The \{\{link="http://www.seeitourway.org/"\}\}Foundation for Blind Children\{\{/link\}\} \tn % Row Count 19 (+ 4) % Row 7 \SetRowColor{LightBackground} {\bf{GPII}} & \{\{link="http://gpii.net/"\}\}{\bf{Global Public Inclusive Infrastructure}}\{\{/link\}\} \tn % Row Count 23 (+ 4) % Row 8 \SetRowColor{white} {\bf{IDEA}} & \{\{link="http://www.ideadeaf.org/"\}\}{\bf{International Deaf Education Association}}\{\{/link\}\} \tn % Row Count 27 (+ 4) % Row 9 \SetRowColor{LightBackground} {\bf{IFHOH}} & \{\{link="http://www.ifhoh.org/"\}\}{\bf{International Federation of Hard of Hearing People}}\{\{/link\}\} \tn % Row Count 31 (+ 4) \end{tabularx} \par\addvspace{1.3em} \vfill \columnbreak \begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-university\}\} Organizations - Advocacy (cont)}} \tn % Row 10 \SetRowColor{LightBackground} {\bf{NCDAE}} & \{\{link="http://ncdae.org/"\}\}The {\bf{National Center on Disability and Access to Education}}\{\{/link\}\} \tn % Row Count 5 (+ 5) % Row 11 \SetRowColor{white} {\bf{NAD}} & \{\{link="https://nad.org/"\}\}{\bf{National Association of the Deaf}}\{\{/link\}\} \tn % Row Count 8 (+ 3) % Row 12 \SetRowColor{LightBackground} {\bf{NFB}} & \{\{link="https://nfb.org/"\}\}{\bf{National Federation of the Blind}}\{\{/link\}\} \tn % Row Count 11 (+ 3) % Row 13 \SetRowColor{white} {\bf{RESNA}} & \{\{link="http://www.resna.org/"\}\}{\bf{Rehabilitation Engineering and Assistive Technology Society of North America}}\{\{/link\}\} \tn % Row Count 17 (+ 6) % Row 14 \SetRowColor{LightBackground} {\bf{RtF}} & \{\{link="https://raisingthefloor.org/"\}\}{\bf{Raising the Floor}}\{\{/link\}\} \tn % Row Count 20 (+ 3) % Row 15 \SetRowColor{white} Additional Organizations & \{\{fa-globe\}\}\{\{link="https://www.disabled-world.com/disability/foundations/"\}\}Disabled World's List of Disability Foundations and Non-profit Organizations\{\{/link\}\}\{\{nl\}\}\{\{fa-globe\}\}\{\{link="http://ncdj.org/resources/organizations/"\}\}NCDJ's List of Disability Organizations\{\{/link\}\}\{\{nl\}\}\{\{fa-wikipedia-w\}\} \{\{link="https://en.wikipedia.org/wiki/List\_of\_disability\_rights\_organizations"\}\}Wikipedia:List of disability rights organizations\{\{/link\}\} \tn % Row Count 39 (+ 19) \hhline{>{\arrayrulecolor{DarkBackground}}--} \SetRowColor{LightBackground} \mymulticolumn{2}{x{8.4cm}}{These organizations are most often associated with web accessibility litigation and awareness education. For information on other organizations, check the links under Additional Organizations above.\{\{nl\}\}For more information on case history visit \{\{link="http://www.karlgroves.com/2011/11/15/list-of-web-accessibility-related-litigation-and-settlements/"\}\}Karl Grove's List of Web Accessibility Related Litigation and Settlements\{\{/link\}\}} \tn \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-gavel\}\} Web Resources - Standards}} \tn % Row 0 \SetRowColor{LightBackground} {\bf{WCAG 2.0}} & \{\{link="https://www.w3.org/WAI/WCAG20/quickref/"\}\}{\bf{W3's QuickRef}}\{\{/link\}\} \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} {\bf{WAI-ARIA}} & \{\{link="https://www.w3.org/TR/wai-aria-1.1/"\}\}{\bf{WAI-ARIA 1.1}}\{\{/link\}\}\{\{nl\}\}\{\{link="https://www.w3.org/TR/wai-aria/"\}\}{\bf{WAI-ARIA 1.0}}\{\{/link\}\} \tn % Row Count 12 (+ 8) % Row 2 \SetRowColor{LightBackground} {\bf{DSGWG's Keyboard Shortcut Recommendation}} & \{\{link="http://access.aol.com/dhtml-style-guide-working-group/"\}\}{\bf{AOL's Guide}}\{\{/link\}\}\{\{nl\}\}\{\{link="http://karlgroves-sandbox.com/CheatSheets/DHTML-Style-Guide.html\#tabpanel"\}\}{\bf{Karl Grove's Guide}}\{\{/link\}\} \tn % Row Count 23 (+ 11) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-check\}\} Web Resources - WCAG 2.0 Checklists}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://code.viget.com/interactive-wcag/\#responsibility=\&level=aa"\}\}{\bf{Interactive WCAG 2.0}}\{\{/link\}\} by Vijet lists both W3C and WebAIM recommendations in the same simple interface.} \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://webaim.org/standards/wcag/checklist"\}\}{\bf{WebAIM's WCAG 2.0 Checklist}}\{\{/link\}\} for HTML documents} \tn % Row Count 7 (+ 3) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://pauljadam.com/wcag20checklist.html"\}\}{\bf{WCAG 2.0 Checklist}}\{\{/link\}\} by Paul J Adam} \tn % Row Count 9 (+ 2) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://bitsofco.de/the-accessibility-cheatsheet/"\}\}{\bf{The Accessibility Cheatsheet}}\{\{/link\}\} by bitsofco.de} \tn % Row Count 12 (+ 3) % Row 4 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.wuhcag.com/wcag-checklist/"\}\}{\bf{WCAG 2.0 Checklist}}\{\{/link\}\} by Wuhcag} \tn % Row Count 14 (+ 2) % Row 5 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://github.com/filipelinhares/WAI-ARIA-cheatsheet"\}\}{\bf{WAI-ARIA-Cheatsheet}}\{\{/link\}\} is a list of ARIA roles and attributes.} \tn % Row Count 17 (+ 3) % Row 6 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://lab.abhinayrathore.com/aria-cheatsheet/\#"\}\}{\bf{ARIA Cheatsheet}}\{\{/link\}\} by Abhinay Rathore is automatically update from W3's site.} \tn % Row Count 20 (+ 3) % Row 7 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.digitalpulse.pwc.com.au/wp-content/uploads/2014/08/NVDA-keyboard-helpers.pdf"\}\}{\bf{WCAG 2.0 map}}\{\{/link\}\} by Stamford Interactive Resources} \tn % Row Count 24 (+ 4) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-rss-square\}\} Web Resources - Blogs and News}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.digitala11y.com/"\}\}{\bf{Digital A11Y}}\{\{/link\}\} - Web Accessibility Blog} \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.disabilityscoop.com/"\}\}{\bf{Disability Scoop}}\{\{/link\}\} - The Premier Source for Developmental Disability New} \tn % Row Count 5 (+ 3) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://webaim.org/blog/"\}\}{\bf{WebAIM's Blog}}\{\{/link\}\} - Web Accessibility Blog} \tn % Row Count 7 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-bug\}\} Web Resources - Testing}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{WebAIM's \{\{link="http://wave.webaim.org/"\}\}WAVE\{\{/link\}\} is a web accessibility evaluation tool.} \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://hiis.isti.cnr.it:8080/MauveWeb/"\}\}MAUVE (Multi-guideline Accessibility and Usability Validation Environment)\{\{/link\}\}} \tn % Row Count 5 (+ 3) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://achecker.ca/checker/index.php"\}\}AChecker\{\{/link\}\} can verify accessibility of a website, webpage, or code block.} \tn % Row Count 8 (+ 3) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.paciellogroup.com/resources/aviewer/"\}\}aViewer (Accessibility Viewer)\{\{/link\}\} is a tool for Windows that displays the accessibility API information (MSAA, IAccessible2, UI Automation, ARIA, HTML DOM) exposed by web browsers to the operating system, and thus to any assistive technology (AT) such as screenreaders.} \tn % Row Count 15 (+ 7) % Row 4 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://khan.github.io/tota11y/"\}\}tota11y\{\{/link\}\} is an accessibility visualization toolkit.} \tn % Row Count 17 (+ 2) % Row 5 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://github.com/dequelabs/axe-core"\}\}aXe\{\{/link\}\} is a JavaScript accessibility automated testing engine} \tn % Row Count 20 (+ 3) % Row 6 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://github.com/paypal/AATT/"\}\}Automated Accessibility Testing Tool\{\{/link\}\} is a JavaScript accessibility automated testing engine} \tn % Row Count 23 (+ 3) % Row 7 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://fae.disability.illinois.edu/anonymous/"\}\}Functional Accessibility Evaluator (FAE)\{\{/link\}\} evaluates a website or a single web page based on the WCAG 2.0 Level A and AA requirements.} \tn % Row Count 27 (+ 4) % Row 8 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://accesslint.com/"\}\}AccessLint\{\{/link\}\} integrates with GitHub to test code as it's uploaded to GitHub.} \tn % Row Count 30 (+ 3) \end{tabularx} \par\addvspace{1.3em} \vfill \columnbreak \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-bug\}\} Web Resources - Testing (cont)}} \tn % Row 9 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://github.com/accesslint/accesslint.js"\}\}AccessLint.js\{\{/link\}\} is a JavaScript accessibility automated testing engine} \tn % Row Count 3 (+ 3) % Row 10 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{Level Access's \{\{link="https://www.ssbbartgroup.com/blog/aria-widget-checklist-screen-reader-testing/"\}\}Aria Widget Checklist for Screen Reader Testing} \tn % Row Count 7 (+ 4) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-code\}\} Web Resources - Example Code}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.w3.org/WAI/tutorials/"\}\}{\bf{W3's Web Accessibility Tutorials}}\{\{/link\}\}} \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{Bits of Code's \{\{link="https://bitsofco.de/the-accessibility-cheatsheet/"\}\}{\bf{The Accessibility Cheatsheet}}\{\{/link\}\}} \tn % Row Count 5 (+ 3) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{Heydonworks' \{\{link="http://heydonworks.com/practical\_aria\_examples/"\}\}{\bf{Practical ARIA Examples}}\{\{/link\}\}} \tn % Row Count 8 (+ 3) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://oaa-accessibility.org/"\}\}{\bf{OpenAjax Alliance Accessibility}}\{\{/link\}\} - WCAG demonstrated through example code using Ajax and ARIA} \tn % Row Count 11 (+ 3) % Row 4 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{Karl Grove's \{\{link="http://karlgroves-sandbox.com/CheatSheets/Static-ARIA-Examples.html"\}\}{\bf{Static ARIA Examples}}\{\{/link\}\}} \tn % Row Count 14 (+ 3) % Row 5 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{Google Chrome's \{\{link="https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules"\}\}{\bf{Accessibility Developer Tools}}\{\{/link\}\}} \tn % Row Count 17 (+ 3) % Row 6 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{SitePoint's \{\{link="https://www.sitepoint.com/introduction-wai-aria/"\}\}{\bf{Intro to WAI-ARIA}}\{\{/link\}\}} \tn % Row Count 20 (+ 3) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-paint-brush\}\} Web Resources - Design}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{NCDJ's \{\{link="http://ncdj.org/style-guide/"\}\}{\bf{Disability Language Style Guide}}\{\{/link\}\}} \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://colorsafe.co/"\}\}{\bf{Colorsafe.co}}\{\{/link\}\} aims to empower designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.} \tn % Row Count 6 (+ 4) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://a11yrocks.com/colorPalette/"\}\}{\bf{A11y Color Palette}}\{\{/link\}\} allows you to provide a palette of colors and get list of compatible colors.} \tn % Row Count 10 (+ 4) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://gmazzocato.altervista.org/colorwheel/wheel.php"\}\}{\bf{Accessibility Color Wheel}}\{\{/link\}\} allows you to use a color wheel to compare color contrast.} \tn % Row Count 14 (+ 4) % Row 4 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{snook.ca's \{\{link="https://snook.ca/technical/colour\_contrast/colour.html"\}\}{\bf{Colour Contrast Check}}\{\{/link\}\} allows you to compare 2 colors.} \tn % Row Count 17 (+ 3) % Row 5 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{NCSU's \{\{link="https://accessibility.oit.ncsu.edu/tools/color-contrast/"\}\}{\bf{Color Palette Accessibility Evaluator}}\{\{/link\}\} allows you to create a palette of colors and compare their compliance.} \tn % Row Count 21 (+ 4) % Row 6 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{HTML Writers Guild's AWARE's \{\{link="http://colorlab.wickline.org/colorblind/colorlab/"\}\}{\bf{Color Lab}}\{\{/link\}\} allows you to simulate the experience a user with color blindness will have with different color palettes.} \tn % Row Count 26 (+ 5) % Row 7 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.vischeck.com/vischeck/vischeckImage.php"\}\}{\bf{Vischeck}}\{\{/link\}\} allows you to upload an image and see how it may be viewed by a user with color blindness.} \tn % Row Count 30 (+ 4) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-desktop\}\} Assistive Technology- Screen Reader}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.nvaccess.org/"\}\}{\bf{NVDA}}\{\{/link\}\} (NonVisual Desktop Access) is a free screen reader which enables blind and vision impaired people to use computers.} \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{FreedomScientific \{\{link="http://www.freedomscientific.com/Products/Blindness/JAWS"\}\}{\bf{JAWS}}\{\{/link\}\} (Job Access With Speech) is a commercial screen reader that allows blind and visually impaired users to read the screen either with a text-to-speech output or by a refreshable Braille display.} \tn % Row Count 10 (+ 6) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{AI Squared's \{\{link="https://www.aisquared.com/products/window-eyes/"\}\}{\bf{Windows-Eyes}}\{\{/link\}\} is a commercial screen reader which can be \{\{link="http://www.windoweyesforoffice.com/"\}\}registered for free if you have Microsoft Office\{\{/link\}\}.} \tn % Row Count 15 (+ 5) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{Apple's \{\{link="http://www.apple.com/accessibility/mac/vision/"\}\}{\bf{VoiceOver}}\{\{/link\}\} is the default option available on Mac, iPhone, and iPod devices.} \tn % Row Count 19 (+ 4) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-eye-slash\}\} Assistive Technology - Low Vision}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{FreedomScientific's \{\{link="http://www.freedomscientific.com/Products/LowVision/MAGic"\}\}{\bf{MAGic}}\{\{/link\}\}} \tn % Row Count 3 (+ 3) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{AI Squared's \{\{link="https://www.zoomtext.com/products/zoomtext-magnifierreader/"\}\}{\bf{ZoomText}}\{\{/link\}\}} \tn % Row Count 6 (+ 3) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{p{0.76 cm} x{3.572 cm} x{3.268 cm} } \SetRowColor{DarkBackground} \mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-font\}\} Characters}} \tn % Row 0 \SetRowColor{LightBackground} " & Opening Double Quotation & \&\#8220;\{\{nl\}\}U+201C \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} " & Closing Double Quotation & \&\#8221;\{\{nl\}\}U+201D \tn % Row Count 4 (+ 2) % Row 2 \SetRowColor{LightBackground} ' & Apostrophe & \&\#8217;\{\{nl\}\}U+201D \tn % Row Count 6 (+ 2) % Row 3 \SetRowColor{white} – & En Dash, used for ranges & \&\#8211;\{\{nl\}\}\–\{\{nl\}\}U+2013 \tn % Row Count 8 (+ 2) % Row 4 \SetRowColor{LightBackground} — & Em Dash, used for change of thought & \&\#8212;\{\{nl\}\}\—\{\{nl\}\}U+2014 \tn % Row Count 10 (+ 2) % Row 5 \SetRowColor{white} … & Horizontal Ellipsis, used to indicate an omission or a pause & \&\#8230;\{\{nl\}\}\…\{\{nl\}\}U+2026 \tn % Row Count 14 (+ 4) \hhline{>{\arrayrulecolor{DarkBackground}}---} \SetRowColor{LightBackground} \mymulticolumn{3}{x{8.4cm}}{These are the most important characters per WAI's recommendation. For more Unicode characters, check \{\{link="https://en.wikipedia.org/wiki/List\_of\_Unicode\_characters"\}\}{\bf{Wikipedia's List of Unicode characters}}\{\{/link\}\} or \{\{link="http://www.w3schools.com/charsets/ref\_utf\_punctuation.asp"\}\}{\bf{W3School's Charsets Reference}}\{\{/link\}\}.} \tn \hhline{>{\arrayrulecolor{DarkBackground}}---} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Math Accessibility}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://mathmlcloud.org/"\}\}{\bf{MathML Cloud}}\{\{/link\}\} - \{\{link="https://github.com/benetech/mmlc-api/"\}\}API Source\{\{/link\}\}} \tn % Row Count 3 (+ 3) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.gh-mathspeak.com/examples/grammar-rules/"\}\}{\bf{MathSpeak™ Core Specification Grammar Rules}}\{\{/link\}\}} \tn % Row Count 6 (+ 3) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{Wolfram Research's \{\{link="http://www.mathmlcentral.com/"\}\}{\bf{MathML Central}}\{\{/link\}\}} \tn % Row Count 8 (+ 2) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://mathdox.org/formulaeditor/"\}\}{\bf{MathDox Formula Editor}}\{\{/link\}\}} \tn % Row Count 10 (+ 2) % Row 4 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{http://www.fmath.info/} \tn % Row Count 11 (+ 1) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Accessibility Conferences}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.acm.org/"\}\}Association for Computing Machinery\{\{/link\}\}'s \{\{link="http://www.sigaccess.org/"\}\}Special Interest Group on Accessible Computing\{\{/link\}\}'s \{\{link="http://assets17.sigaccess.org/"\}\}{\bf{SIGACCESS Conference}}\{\{/link\}\}} \tn % Row Count 5 (+ 5) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.ahead.org/"\}\}AHEAD\{\{/link\}\} (Association on Higher Education and Disability)'s \{\{link="http://accessinghigherground.org/"\}\}{\bf{Accessing Higher Ground}}\{\{/link\}\}} \tn % Row Count 9 (+ 4) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.csun.edu/cod/conference/"\}\}CSUN Assistive Technology Conference\{\{/link\}\}} \tn % Row Count 11 (+ 2) % Row 3 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.resna.org/news-events/annual-meeting/resna-2017-annual-conference"\}\}RESNA Annual Conference\{\{/link\}\}} \tn % Row Count 14 (+ 3) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Certification}} \tn % Row 0 \SetRowColor{LightBackground} \seqsplit{http://www.accessibilityassociation.org/certification} & Certified Professional in Accessibility Core Competencies (CPACC) \tn % Row Count 4 (+ 4) % Row 1 \SetRowColor{white} \seqsplit{http://www.adacoordinator.org/} & ADA Coordinator Training Certification Program (ACTCP) \tn % Row Count 7 (+ 3) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Document Accessibility}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{University of Illinois Springfield - \{\{link="https://blogs.uis.edu/colrs/tag/accessibility/"\}\}{\bf{Online Teaching \& Technology Blog - Accessibility}}\{\{/link\}\} - Cheat Sheets for Word, Excel, PowerPoint, PDF and HTML} \tn % Row Count 5 (+ 5) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{WebAim's Guides for \{\{link="http://webaim.org/techniques/word/"\}\}{\bf{Word}}\{\{/link\}\}, \{\{link="http://webaim.org/techniques/powerpoint/"\}\}{\bf{PowerPoint}}\{\{/link\}\}, \{\{link="http://webaim.org/techniques/acrobat/"\}\}{\bf{PDF}}\{\{/link\}\}, and \{\{link="http://webaim.org/articles/"\}\}more\{\{/link\}\}} \tn % Row Count 11 (+ 6) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Constituent Groups}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.educause.edu/discuss/it-accessibility-constituent-group"\}\}{\bf{EduCause IT Accessibility Constituent Group}}\{\{/link\}\}} \tn % Row Count 3 (+ 3) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.reddit.com/r/accessibility/"\}\}{\bf{Reddit: Accessibility}}\{\{/link\}\}} \tn % Row Count 5 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{8.4cm}{X} \SetRowColor{DarkBackground} \mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Webinars}} \tn % Row 0 \SetRowColor{LightBackground} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.ssbbartgroup.com/webinars/"\}\}{\bf{SSB BART Group Webinars}}\{\{/link\}\}} \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} \mymulticolumn{1}{x{8.4cm}}{\{\{link="http://www.3playmedia.com/resources/webinars/"\}\}{\bf{3 Play Media Webinars}}\{\{/link\}\}} \tn % Row Count 4 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}-} \end{tabularx} \par\addvspace{1.3em} % That's all folks \end{multicols*} \end{document}