Accessible website

Building a fully WCAG 2.1 compliant site from scratch

Background

For my master’s in Human-Computer Interaction & Design with a specialization in Accessibility, I designed and developed a fully WCAG 2.1 compliant site from scratch. I used Bootstrap to build the site.

The website I built can be used by users whether they have vision, hearing, cognitive, or motor impairments. The HTML written is extremely semantic and can be logically read by screen readers for completely blind users.

Solution

  • Adhere to strict semantic HTML so that complex elements, including carousels, forms and tables are accessible to screen readers.

  • The site was thoroughly audited to pass every success criteria defined by WCAG 2.1.

Impact

I received a 10, the highest score in the class.

Get in touch

charles.y.hu@gmail.com

Accessible website

Building a fully WCAG 2.1 compliant site from scratch

Background

For my master’s in Human-Computer Interaction & Design with a specialization in Accessibility, I designed and developed a fully WCAG 2.1 compliant site from scratch. I used Bootstrap to build the site.

The website I built can be used by users whether they have vision, hearing, cognitive, or motor impairments. The HTML written is extremely semantic and can be logically read by screen readers for completely blind users.

Solution

  • Adhere to strict semantic HTML so that complex elements, including carousels, forms and tables are accessible to screen readers.

  • The site was thoroughly audited to pass every success criteria defined by WCAG 2.1.

Impact

I received a 10, the highest score in the class.

Get in touch

charles.y.hu@gmail.com

Accessible website

Building a fully WCAG 2.1 compliant site from scratch

Background

For my master’s in Human-Computer Interaction & Design with a specialization in Accessibility, I designed and developed a fully WCAG 2.1 compliant site from scratch. I used Bootstrap to build the site.

The website I built can be used by users whether they have vision, hearing, cognitive, or motor impairments. The HTML written is extremely semantic and can be logically read by screen readers for completely blind users.

Solution

  • Adhere to strict semantic HTML so that complex elements, including carousels, forms and tables are accessible to screen readers.

  • The site was thoroughly audited to pass every success criteria defined by WCAG 2.1.

Impact

I received a 10, the highest score in the class.

Get in touch

charles.y.hu@gmail.com