\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-basics.pdf)
  /Creator (Cheatography)
  /Author (Jason Reiche (jreiche))
  /Subject (Web Accessibility Basics 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}{364712}
\definecolor{LightBackground}{HTML}{F8F9F7}
\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 Basics Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Jason Reiche (jreiche)} via \textcolor{DarkBackground}{\uline{cheatography.com/33853/cs/10601/}}}
\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 11th August, 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}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-globe\}\} Web Accessibility - Definition}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality. - \{\{link="https://en.wikipedia.org/wiki/Web\_accessibility"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\}% Row Count 8 (+ 8)
} \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}{\{\{fa-wheelchair\}\} Disability - Definition}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{U.S. Federal Law defines a disability as a physical or mental impairment that substantially limits one or more of the major life activities of such individual, a record of such an impairment, or being regarded as having such an impairment. \{\{link="https://www.ada.gov/regs2010/titleII\_2010/titleII\_2010\_regulations.htm\#a35108"\}\}\{\{fa-gavel\}\} ADA Title II § 35.108\{\{/link\}\}% Row Count 8 (+ 8)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.92 cm} x{4.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-ambulance\}\} Web Accessibility Aim to Help}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{nobreak\}\}Visual & \{\{noshy\}\}Blindness, low vision, various types of color-blindness \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{nobreak\}\}Auditory\{\{nl\}\}/Hearing & \{\{noshy\}\}Deafness and hard-of-hearing \tn 
% Row Count 6 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\{\{nobreak\}\}Motor Control\{\{nl\}\}/Mobility & \{\{noshy\}\}Inability to use a mouse, slow response time, limited fine motor control \tn 
% Row Count 11 (+ 5)
% Row 3
\SetRowColor{white}
\{\{nobreak\}\}Cognitive\{\{nl\}\}/Intellectual & \{\{noshy\}\}Learning disabilities, distractibility, inability to remember or focus on large amounts of information \tn 
% Row Count 17 (+ 6)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Find more at WebAIM's \{\{link="http://webaim.org/intro/\#people"\}\}People with Disabilities on the Web\{\{/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-universal-access\}\} United States Access Board}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{The {\bf{Architectural and Transportation Barriers Compliance Board}}, more formally known as the {\bf{United States Access Board}}, was created out of the Rehabilitation Act of 1973.  The U.S. Access Board is a federal agency that promotes equality for people with disabilities through leadership in accessible design and the development of accessibility guidelines and standards for the built environment, transportation, communication, medical diagnostic equipment, and information technology.% Row Count 10 (+ 10)
} \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}{Column Break}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 0 (+ 0)
\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-language\}\} Abbreviations}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{link="https://en.wikipedia.org/wiki/Computer\_accessibility"\}\}{\bf{a11y}}\{\{/link\}\} & {\bf{Accessibility}} - 11 represents the number of letters between A \& Y \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{link="http://aem.cast.org/"\}\}{\bf{AEM}}\{\{/link\}\} or {\bf{AIM}} & {\bf{Accessible Educational Material}}\{\{nl\}\}{\bf{Accessible Instructional Material}} \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\{\{link="https://en.wikipedia.org/wiki/ADA"\}\}{\bf{ADA}}\{\{/link\}\} & {\bf{Americans with Disabilities Act}} of 1990 is a US labor law that prohibits unjustified discrimination based on disability \tn 
% Row Count 15 (+ 7)
% Row 3
\SetRowColor{white}
\{\{link="https://en.wikipedia.org/wiki/ADA\_Amendments\_Act\_of\_2008"\}\}{\bf{ADAAA}}\{\{/link\}\} & {\bf{ADA Amendments Act}} of 2008 amended the ADA and other nondiscrimination laws to broadened the definition of a disability \tn 
% Row Count 22 (+ 7)
% Row 4
\SetRowColor{LightBackground}
\{\{link="https://www.w3.org/WAI/intro/atag"\}\}{\bf{ATAG}}\{\{/link\}\} & WAI's {\bf{Authoring Tool Accessibility Guidelines}} \tn 
% Row Count 26 (+ 4)
% Row 5
\SetRowColor{white}
\{\{link="https://www.un.org/development/desa/disabilities/convention-on-the-rights-of-persons-with-disabilities.html"\}\}{\bf{CRPD}}\{\{/link\}\} & UN's {\bf{Convention\textbackslash{}Committee on the Rights of Persons with Disabilities}} \tn 
% Row Count 33 (+ 7)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-language\}\} Abbreviations (cont)}}  \tn
% Row 6
\SetRowColor{LightBackground}
\{\{link="http://access.aol.com/dhtml-style-guide-working-group/"\}\}{\bf{DSGWG}}\{\{/link\}\} & {\bf{DHTML Style Guide Working Group}} provided guidelines to WAI for use in creating the WCAG. \tn 
% Row Count 5 (+ 5)
% Row 7
\SetRowColor{white}
\{\{link="https://en.wikipedia.org/wiki/Internationalization\_and\_localization"\}\}{\bf{i18n}}\{\{/link\}\} & {\bf{Internationalization}} - 18 represents the number of letters between I \& N \tn 
% Row Count 10 (+ 5)
% Row 8
\SetRowColor{LightBackground}
\{\{link="https://en.wikipedia.org/wiki/Information\_and\_communications\_technology"\}\}{\bf{ICT}}\{\{/link\}\} & {\bf{Information and Communication Technology}} \tn 
% Row Count 15 (+ 5)
% Row 9
\SetRowColor{white}
\{\{link="https://en.wikipedia.org/wiki/Individuals\_with\_Disabilities\_Education\_Act"\}\}{\bf{IDEA}}\{\{/link\}\} & {\bf{Individuals with Disabilities Education Act}} of 1990 \tn 
% Row Count 21 (+ 6)
% Row 10
\SetRowColor{LightBackground}
\{\{link="https://www.nvaccess.org/"\}\}{\bf{NVDA}}\{\{/link\}\} & {\bf{NonVisual Desktop Access}} is a free "screen reader" \tn 
% Row Count 24 (+ 3)
% Row 11
\SetRowColor{white}
\{\{link="https://www.w3.org/WAI/WCAG20/glance/Overview"\}\}{\bf{POUR}}\{\{/link\}\} & WCAG 2.0's 14 guidelines broken into 4 sections\{\{nl\}\}{\bf{Perceivable}}, {\bf{Operable}}, {\bf{Understandable}}, \& {\bf{Robust}} \tn 
% Row Count 30 (+ 6)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-language\}\} Abbreviations (cont)}}  \tn
% Row 12
\SetRowColor{LightBackground}
\{\{link="https://en.wikipedia.org/wiki/Rich\_Internet\_application"\}\}{\bf{RIA}}\{\{/link\}\} & {\bf{Rich Internet Application}} \tn 
% Row Count 5 (+ 5)
% Row 13
\SetRowColor{white}
\{\{link="https://en.wikipedia.org/wiki/Speech\_synthesis"\}\}{\bf{TTS}}\{\{/link\}\} & {\bf{Text-to-Speech}} \tn 
% Row Count 9 (+ 4)
% Row 14
\SetRowColor{LightBackground}
\{\{link="https://www.w3.org/WAI/intro/uaag"\}\}{\bf{UAAG}}\{\{/link\}\} & WAI's {\bf{User Agent Accessibility Guidelines}} \tn 
% Row Count 13 (+ 4)
% Row 15
\SetRowColor{white}
\{\{link="https://en.wikipedia.org/wiki/Universal\_Design\_for\_Learning"\}\}{\bf{UDL}}\{\{/link\}\} & {\bf{Universal Design for Learning}} \tn 
% Row Count 18 (+ 5)
% Row 16
\SetRowColor{LightBackground}
\{\{link="https://www.w3.org/"\}\}{\bf{W3C}}\{\{/link\}\} & {\bf{World Wide Web Consortium}} is the main international standards organization for the World Wide Web \tn 
% Row Count 24 (+ 6)
% Row 17
\SetRowColor{white}
\{\{link="https://www.w3.org/WAI/"\}\}{\bf{WAI}}\{\{/link\}\} & W3C's {\bf{Web Accessibility Initiative}} is an effort to improve the accessibility of the World Wide Web (WWW or Web) for people with disabilities \tn 
% Row Count 32 (+ 8)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-language\}\} Abbreviations (cont)}}  \tn
% Row 18
\SetRowColor{LightBackground}
\{\{link="https://www.w3.org/WAI/intro/aria"\}\}{\bf{WAI-ARIA}}\{\{/link\}\} & WAI's {\bf{Accessible Rich Internet Applications}} is a technical specification that specifies how to increase the accessibility of web applications \tn 
% Row Count 8 (+ 8)
% Row 19
\SetRowColor{white}
\{\{link="https://www.w3.org/WAI/intro/wcag"\}\}{\bf{WCAG}}\{\{/link\}\} & WAI's {\bf{Web Content Accessibility Guidelines}} \tn 
% Row Count 12 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.4 cm} x{5.6 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-wrench\}\} Assistive Technologies}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{fa-braille\}\} & Refreshable {\bf{Braille Displays}} provide an braille alternative to audible screen readers. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{fa-eye\}\} & {\bf{Eye Tracking}}, {\bf{Head Tracking}} and {\bf{Gesture}} solutions can be used as an alternative to a mouse or cursor keys. \tn 
% Row Count 9 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\{\{fa-keyboard-o\}\} & {\bf{Specialty Keyboards}} and {\bf{Switches}} including Large-Print and braille for visually impaired, large buttons, macros, overlays and custom configurations for motor control \tn 
% Row Count 16 (+ 7)
% Row 3
\SetRowColor{white}
\{\{fa-search\}\} & {\bf{Magnification}} software can make regions of the screen larger.  Some can change contrast and other visual filters. \tn 
% Row Count 21 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{fa-desktop\}\} & {\bf{Screen Readers}} audibly reads contents of a computer or phone's screen. \tn 
% Row Count 24 (+ 3)
% Row 5
\SetRowColor{white}
\{\{fa-arrows-v\}\} & {\bf{SNP (Sip-and-Puff)}} systems track inhaling or exhaling in a specifically designed tube. \tn 
% Row Count 28 (+ 4)
% Row 6
\SetRowColor{LightBackground}
\{\{fa-microphone\}\} & {\bf{Speech Recognition}} software can be used as a keyboard and mouse alternative. \tn 
% Row Count 31 (+ 3)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{2.4 cm} x{5.6 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-wrench\}\} Assistive Technologies (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
\{\{fa-wheelchair\}\} & The {\bf{Tongue Drive System}} (TDS) may be used as an alternative to a mouse or cursor keys. \tn 
% Row Count 4 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{These technologies are some of the most common types of assistive technology used to access the internet.  For a more complete list visit \{\{link="https://en.wikipedia.org/wiki/Assistive\_technology"\}\}Wikipedia:Assistive Technology\{\{/link\}\} or \{\{link="http://www.afb.org/prodmain.aspx"\}\}AFB's Product Database for People Who Are Visually Impaired\{\{/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}{Column Break}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 0 (+ 0)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.48 cm} x{5.52 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-tint\}\} WCAG2 at a Glance: POUR}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{nl\}\}{\bf{Perceivable}}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\{\{fa-comment\}\} & Provide {\bf{text alternatives}} for non-text content. \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\{\{fa-cc\}\} & Provide {\bf{captions and alternatives}} for audio and video content. \tn 
% Row Count 6 (+ 3)
% Row 3
\SetRowColor{white}
\{\{fa-deaf\}\} & Make content {\bf{adaptable}}; and make it available to assistive technologies. \tn 
% Row Count 9 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{fa-adjust\}\} & Use {\bf{sufficient contrast}} to make things easy to see and hear. \tn 
% Row Count 12 (+ 3)
% Row 5
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{\{\{nl\}\}{\bf{Operable}}} \tn 
% Row Count 13 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\{\{fa-keyboard-o\}\} & Make all functionality {\bf{keyboard accessible}}. \tn 
% Row Count 15 (+ 2)
% Row 7
\SetRowColor{white}
\{\{fa-clock-o\}\} & Give users {\bf{enough time}} to read and use content. \tn 
% Row Count 17 (+ 2)
% Row 8
\SetRowColor{LightBackground}
\{\{fa-heartbeat\}\} & Do not use content that causes {\bf{seizures}}. \tn 
% Row Count 19 (+ 2)
% Row 9
\SetRowColor{white}
\{\{fa-compass\}\} & Help users {\bf{navigate and find}} content. \tn 
% Row Count 21 (+ 2)
% Row 10
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{nl\}\}{\bf{Understandable}}} \tn 
% Row Count 22 (+ 1)
% Row 11
\SetRowColor{white}
\{\{fa-book\}\} & Make text {\bf{readable and understandable}}. \tn 
% Row Count 24 (+ 2)
% Row 12
\SetRowColor{LightBackground}
\{\{fa-list\}\} & Make content appear and operate in {\bf{predictable}} ways. \tn 
% Row Count 27 (+ 3)
% Row 13
\SetRowColor{white}
\{\{fa-eraser\}\} & Help users {\bf{avoid and correct mistakes}}. \tn 
% Row Count 29 (+ 2)
% Row 14
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{nl\}\}{\bf{Robust}}} \tn 
% Row Count 30 (+ 1)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{2.48 cm} x{5.52 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-tint\}\} WCAG2 at a Glance: POUR (cont)}}  \tn
% Row 15
\SetRowColor{LightBackground}
\{\{fa-handshake-o\}\} & Maximize {\bf{compatibility}} with current and future technologies. \tn 
% Row Count 3 (+ 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}{Page Break}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 0 (+ 0)
\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-calendar\}\} Accessibility Legislative Timeline}}  \tn
% Row 0
\SetRowColor{LightBackground}
1934\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Communications\_Act\_of\_1934"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Communications Act of 1934}} created the FCC and regulation for telecommunications and radio frequency use. \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
1973\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Rehabilitation\_Act\_of\_1973"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Rehabilitation Act}}\{\{nl\}\}{\bf{Section 504}} created and extended civil rights to people with disabilities. Section 504 has provided opportunities for children and adults with disabilities in education, employment and various other settings. It allows for reasonable accommodations such as special study area and assistance as necessary for each student. \tn 
% Row Count 24 (+ 18)
% Row 2
\SetRowColor{LightBackground}
1975\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Education\_for\_All\_Handicapped\_Children\_Act"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Education for All Handicapped Children Act}} (EAHCA or EHA) required all public schools accepting federal funds to provide equal access to education and one free meal a day for children with physical and mental disabilities. \tn 
% Row Count 36 (+ 12)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-calendar\}\} Accessibility Legislative Timeline (cont)}}  \tn
% Row 3
\SetRowColor{LightBackground}
1986\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Section\_508\_Amendment\_to\_the\_Rehabilitation\_Act\_of\_1973"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Section 508}} added to the Rehabilitation Act establishes requirements for electronic and information technology developed, maintained, procured, or used by the Federal government. Section 508 requires Federal electronic and information technology to be accessible to people with disabilities, including employees and members of the public \tn 
% Row Count 18 (+ 18)
% Row 4
\SetRowColor{white}
1990\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Americans\_with\_Disabilities\_Act\_of\_1990"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Americans with Disabilities Act}} (ADA) of 1990 \tn 
% Row Count 24 (+ 6)
% Row 5
\SetRowColor{LightBackground}
1990\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Individuals\_with\_Disabilities\_Education\_Act"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Individuals with Disabilities Education Act}} (IDEA) ensures schoolchildren with a disability, ages 3-21 (or until high school graduation) are provided with Free Appropriate Public Education (FAPE) that is tailored to their individual needs. \tn 
% Row Count 37 (+ 13)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-calendar\}\} Accessibility Legislative Timeline (cont)}}  \tn
% Row 6
\SetRowColor{LightBackground}
1996\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Telecommunications\_Act\_of\_1996"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Telecommunications Act}} of 1996 amends the Communications Act {\bf{Section 255}} to require telecommunications products and service to be accessible to people with disabilities. \tn 
% Row Count 9 (+ 9)
% Row 7
\SetRowColor{white}
1998\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Section\_508\_Amendment\_to\_the\_Rehabilitation\_Act\_of\_1973"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{Federal Electronic and Information Technology Accessibility and Compliance Act}} amended {\bf{Section 508}} to correct the shortcomings of the original section 508; the original Section 508 had turned out to be mostly ineffective, in part due to the lack of enforcement mechanisms. \tn 
% Row Count 23 (+ 14)
% Row 8
\SetRowColor{LightBackground}
2008\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/ADA\_Amendments\_Act\_of\_2008"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & {\bf{ADA Amendments Act}} (ADAAA) of 2008 \tn 
% Row Count 29 (+ 6)
% Row 9
\SetRowColor{white}
2008\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Convention\_on\_the\_Rights\_of\_Persons\_with\_Disabilities"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & United Nation's {\bf{Convention on the Rights of Persons with Disabilities}} (CRPD) \tn 
% Row Count 36 (+ 7)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\{\{fa-calendar\}\} Accessibility Legislative Timeline (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
2017\{\{nl\}\}\{\{link="https://en.wikipedia.org/wiki/Section\_508\_Amendment\_to\_the\_Rehabilitation\_Act\_of\_1973"\}\}\{\{fa-wikipedia-w\}\}\{\{/link\}\} & Refresh of the Section 255 Guidelines and the Section 508 Standards \tn 
% Row Count 7 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{This list reviews the major U.S. and U.N. rulings which have influenced the evolution of Web Accessibility.  For a more complete list visit  \{\{link="http://rds.colostate.edu/history-of-legislation"\}\}Colorado State University's A Brief History of Legislation\{\{/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}{Understanding Legal Obligations}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{\{\{link="http://udloncampus.cast.org/page/policy\_legal"\}\}CAST UDL on Campus\{\{/link\}\}} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{\{\{link="https://www.washington.edu/accessibility/requirements/accessibility-cases-and-settlement-agreements/"\}\}University of Washington: Resolution Agreements and Lawsuits\{\{/link\}\}} \tn 
% Row Count 6 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{\{\{link="https://cielo24.com/2016/01/public-and-private-university-accessibility-law/"\}\}Cielo 24: Public and private university accessibility law explained\{\{/link\}\}} \tn 
% Row Count 10 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}