{"id":1702,"date":"2024-02-15T10:55:44","date_gmt":"2024-02-15T18:55:44","guid":{"rendered":"https:\/\/wsu.edu\/digital-accessibility\/?page_id=1702"},"modified":"2025-06-17T12:10:38","modified_gmt":"2025-06-17T19:10:38","slug":"web-design-and-development","status":"publish","type":"page","link":"https:\/\/wsu.edu\/digital-accessibility\/guides\/web-design-and-development\/","title":{"rendered":"Web Design and Development"},"content":{"rendered":"<section  class=\"wsu-section  wsu-width--full\"  >\r\n    <div class=\"wsu-section__inner wsu-width--content\">    \n<div class=\"wsu-container\" >\r\n    \n\n<h2>Resources<\/h2>\n\n\n<div class=\"wsu-cta  wsu-cta--width-inline\" >\n\t<a \t\t\t\t\thref=\"#html-email\"\t\n\t\tclass=\"wsu-button  wsu-button--style-outline wsu-button--size-small\">\n\t\t\t\n\t\tEmail &amp; HTML Email Design\t\t\t<\/a>\n<\/div>\n\n\n<div class=\"wsu-cta  wsu-cta--width-inline\" >\n\t<a \t\t\t\t\thref=\"#web-design\"\t\n\t\tclass=\"wsu-button  wsu-button--style-outline wsu-button--size-small\">\n\t\t\t\n\t\tWeb Design\t\t\t<\/a>\n<\/div>\n\n\n<div class=\"wsu-cta  wsu-cta--width-inline\" >\n\t<a \t\t\t\t\thref=\"#web-development\"\t\n\t\tclass=\"wsu-button  wsu-button--style-outline wsu-button--size-small\">\n\t\t\t\n\t\tWeb Development\t\t\t<\/a>\n<\/div>\n\n\n<div class=\"wsu-container  wsu-position--relative\" >\r\n    \n<div class=\"wsu-decorator  wsu-decorator--style-lines-gray  wsu-decorator--white\" style=\"bottom:-15px;left:-15px;height:60%;width:60%\"><\/div>\n\n<div class=\"wsu-container wsu-spacing-bottom--xxmedium wsu-spacing-padding-left--xxmedium wsu-spacing-padding-right--xxmedium wsu-border--add-top wsu-border--color-autumn wsu-spacing-top--medium wsu-color-background--white wsu-spacing-after--xxmedium wsu-position--relative wsu-zindex--level-1 wsu-notch--small\" >\r\n    \n\n<h3 id=\"extended-reality\">Email &amp; HTML Email Design<\/h3>\n\n\n<ul class=\"wsu-content-list wsu-list--style-arrow wsu-list--columns-2 \">\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails\" class=\"wsu-content-list__item-title\">2025 Guide to Creating Accessible Emails<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Litmus\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Learn how to make your emails more accessible for all of your subscribers.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tEmail &amp; HTML Email Design, Resource, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/blog.pope.tech\/2025\/04\/02\/a-guide-to-alt-text-across-popular-tools\/\" class=\"wsu-content-list__item-title\">A guide to alt text across popular tools<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Pope Tech\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>In this article, we\u2019ll list out several tools and give details about their alt text support and tips for the best way to add accessible images in the tool.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tAlternative Text (Social Media), Core Concepts, Documents &amp; Presentations, Email &amp; HTML Email Design, Images, Resource, Social Media\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/wsu.percipio.com\/videos\/729d6ebc-d9d0-4d78-b009-4f48f1ec129b?sharelink=dHOAvlpUq\" class=\"wsu-content-list__item-title\">Checking an email&#8217;s accessibility in Outlook 365<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> WSU Percipio\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Email should be accessible to everyone. Outlook 365&#8217;s Accessibility Checker lets you make sure your messages are clear to all users, including those with visual or hearing impairments. See how to use this tool to find and fix issues, and set it up to always check your emails while you work.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tEmail &amp; HTML Email Design, Percipio Trainings, Resource\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tVideo\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.section508.gov\/test\/checklist\/email-messages\/\" class=\"wsu-content-list__item-title\">Section 508: Checklist for Accessible Email Messages<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Section 508\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>This checklist for email messages covers five key areas to help incorporate accessibility when creating email content.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tEmail &amp; HTML Email Design, Resource, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.section508.gov\/create\/email-messages\/\" class=\"wsu-content-list__item-title\">Section 508: Email Messages<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Section 508\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>These easy steps help create accessible email messages so all individuals, including those with disabilities, can easily read, understand, and interact with the content.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tEmail &amp; HTML Email Design, Resource, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t<\/ul>\n\n<\/div>\n<\/div>\n\n<div class=\"wsu-container\" >\r\n    <\/div>\n\n<div class=\"wsu-container  wsu-position--relative\" >\r\n    \n<div class=\"wsu-decorator  wsu-decorator--style-lines-gray  wsu-decorator--white\" style=\"bottom:-15px;left:-15px;height:60%;width:60%\"><\/div>\n\n<div class=\"wsu-container wsu-spacing-bottom--xxmedium wsu-spacing-padding-left--xxmedium wsu-spacing-padding-right--xxmedium wsu-border--add-top wsu-border--color-autumn wsu-spacing-top--medium wsu-color-background--white wsu-spacing-after--xxmedium wsu-position--relative wsu-zindex--level-1 wsu-notch--small\" >\r\n    \n\n<h3 id=\"web-design\">Web Design<\/h3>\n\n\n<ul class=\"wsu-content-list wsu-list--style-arrow wsu-list--columns-2 \">\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.deque.com\/blog\/7-tips-for-devs-and-designers-to-set-your-accessibility-efforts-up-for-success\/\" class=\"wsu-content-list__item-title\">7 tips for devs and designers to set your accessibility efforts up for success<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Deque\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Accessibility can stall or lose velocity when developers and designers aren&#8217;t on the same page together. Here are some tips to help keep things running smoothly.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/angelika.me\/2024\/04\/13\/9-signs-your-frontend-code-has-quality-issues\/\" class=\"wsu-content-list__item-title\">9 signs your frontend code has quality issues that affect your users<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Angelika Tyborska\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>A compiled list of 9 common signs that I see in projects with poor frontend code quality. I\u2019ve focused only on issues that have a negative impact on your project\u2019s users.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/scribe.rip\/@askParamSingh\/a-developers-guide-for-web-accessibility-6b85448cc7a0\" class=\"wsu-content-list__item-title\">A Developer\u2019s Guide for Web Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Parampreet Singh\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>&#8220;By following the steps outlined in this article, you\u2019ll be well on your way to building inclusive digital experiences that prioritize accessibility and usability for everyone.&#8221;<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/martijnhols.nl\/blog\/accessibility-essentials-every-front-end-developer-should-know\" class=\"wsu-content-list__item-title\">Accessibility essentials every front-end developer should know<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Martijn Hols\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But\u00a0a few basic practices can make a significant impact.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/a11yblog.com\/2026\/01\/12\/accessible-visual-design\/\" class=\"wsu-content-list__item-title\">Accessible Visual Design<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> A11yBlog\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Accessible visual design is about more than aesthetics; it\u2019s about ensuring that everyone, including people with visual impairments, can perceive, understand, and interact with digital content. From color choices to typography and interactive elements, visual decisions directly impact usability and inclusion.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.deque.com\/blog\/auditing-design-systems-for-accessibility\/\" class=\"wsu-content-list__item-title\">Auditing Design Systems for Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Deque\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>How to create a design system with baked-in accessibility and how to find and audit accessibility issues in our existing design systems.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/stephaniewalter.design\/blog\/how-to-check-and-document-design-accessibility-in-your-figma-mockups\/\" class=\"wsu-content-list__item-title\">How to check and document design accessibility in your mockups<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Stephanie Walter\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>A lot of accessibility issues can be already foreseen and prevented in the design phase. Save time documenting accessibility in Figma mockups with practical tips and a list of selected tools, plugins, and templates! In this article, I will cover color usage, contrast ratios, text resizing, font legibility, target sizes, form elements, focus order, complex components keyboard interactions, skip links, headings, landmarks, and alternative text for images.&nbsp;<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.a11y-collective.com\/blog\/svg-accessibility\/\" class=\"wsu-content-list__item-title\">Implementing Accessible SVG Elements<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> A11y Collective\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Master SVG accessibility: Learn techniques for ARIA roles, testing, and creating inclusive graphics that work for everyone.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.a11y-collective.com\/blog\/aria-in-html\/\" class=\"wsu-content-list__item-title\">Implementing ARIA: Avoid Common Pitfalls and Optimise Performance<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> A11y Collective\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Become an ARIA expert: implement accessible, high-performance web applications with confidence. Learn advanced techniques and testing strategies.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/web.dev\/learn\/accessibility\/\" class=\"wsu-content-list__item-title\">Learn Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> web.dev\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>An evergreen accessibility course and reference to level up your web development.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/scottvinkle.com\/blogs\/work\/when-to-use-lists-for-better-accessibility\" class=\"wsu-content-list__item-title\">When to Use Lists\u00a0for Better Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Scott Vinkle\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>When creating HTML content, using lists appropriately is crucial for accessibility, especially for screen reader users. Here\u2019s a breakdown of when to use different types of lists and why.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tCore Concepts, Lists, Resource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t<\/ul>\n\n<\/div>\n<\/div>\n\n<div class=\"wsu-container  wsu-position--relative\" >\r\n    \n<div class=\"wsu-decorator  wsu-decorator--style-lines-gray  wsu-decorator--white\" style=\"bottom:-15px;left:-15px;height:60%;width:60%\"><\/div>\n\n<div class=\"wsu-container wsu-spacing-bottom--xxmedium wsu-spacing-padding-left--xxmedium wsu-spacing-padding-right--xxmedium wsu-border--add-top wsu-border--color-autumn wsu-spacing-top--medium wsu-color-background--white wsu-spacing-after--xxmedium wsu-position--relative wsu-zindex--level-1 wsu-notch--small\" >\r\n    \n\n<h3 id=\"web-development\">Web Development<\/h3>\n\n\n<ul class=\"wsu-content-list wsu-list--style-arrow wsu-list--columns-2 \">\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.deque.com\/blog\/7-tips-for-devs-and-designers-to-set-your-accessibility-efforts-up-for-success\/\" class=\"wsu-content-list__item-title\">7 tips for devs and designers to set your accessibility efforts up for success<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Deque\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Accessibility can stall or lose velocity when developers and designers aren&#8217;t on the same page together. Here are some tips to help keep things running smoothly.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/angelika.me\/2024\/04\/13\/9-signs-your-frontend-code-has-quality-issues\/\" class=\"wsu-content-list__item-title\">9 signs your frontend code has quality issues that affect your users<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Angelika Tyborska\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>A compiled list of 9 common signs that I see in projects with poor frontend code quality. I\u2019ve focused only on issues that have a negative impact on your project\u2019s users.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/martijnhols.nl\/blog\/accessibility-essentials-every-front-end-developer-should-know\" class=\"wsu-content-list__item-title\">Accessibility essentials every front-end developer should know<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Martijn Hols\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But\u00a0a few basic practices can make a significant impact.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/youtu.be\/hj6wCUyGx0o?si=iH6RandL7ENV9kW8\" class=\"wsu-content-list__item-title\">Accessible building blocks for web: Form fields<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> TetraLogical\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>In this video, learn how to design and build forms that everyone can fill in with ease. By applying accessibility considerations to the building blocks of your web content you can create digital products that everyone can use.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tCore Concepts, Resource, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tVideo\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/afixt.com\/how-to-create-accessible-data-tables-best-practices-for-web-developers\/\" class=\"wsu-content-list__item-title\">How to Create Accessible Data Tables: Best Practices for Web Developers<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> AFixt\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Tables help users quickly access and analyze complex information. But for people with disabilities, particularly those relying on assistive technologies like screen readers, tables can be a major barrier if not designed with accessibility in mind.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tCore Concepts, Resource, Tables, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.a11y-collective.com\/blog\/aria-in-html\/\" class=\"wsu-content-list__item-title\">Implementing ARIA: Avoid Common Pitfalls and Optimise Performance<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> A11y Collective\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Become an ARIA expert: implement accessible, high-performance web applications with confidence. Learn advanced techniques and testing strategies.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/adrianroselli.com\/2024\/06\/maybe-dont-name-that-landmark.html\" class=\"wsu-content-list__item-title\">Maybe Don\u2019t Name That Landmark<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Adrian Roselli\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p><strong>TL;DR<\/strong>: You probably don\u2019t need to name that landmark.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tResource, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/afixt.com\/top-10-common-accessibility-issues-in-websites\/\" class=\"wsu-content-list__item-title\">Top 10 Common Accessibility Issues in Websites<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> AFixt\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>But despite good intentions, many websites fall short of compliance with the Web Content Accessibility Guidelines (WCAG) and laws like Section 508.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tCaptioning, Color &amp; Color Contrast, Core Concepts, Images, Links, Multimedia, Resource, Transcripts, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/scottvinkle.com\/blogs\/work\/when-to-use-lists-for-better-accessibility\" class=\"wsu-content-list__item-title\">When to Use Lists\u00a0for Better Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Scott Vinkle\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>When creating HTML content, using lists appropriately is crucial for accessibility, especially for screen reader users. Here\u2019s a breakdown of when to use different types of lists and why.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Categories:<\/strong>\n\t\t\t\t\t\t\tCore Concepts, Lists, Resource, Web Design, Web Design &amp; Development, Web Development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t<\/ul>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n<p> <\/p>\n\n    <\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2695,"featured_media":0,"parent":1223,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[],"tags":[],"wsuwp_university_category":[],"wsuwp_university_location":[],"wsuwp_university_org":[],"_links":{"self":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/1702"}],"collection":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/users\/2695"}],"replies":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":9,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"predecessor-version":[{"id":3006,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/1702\/revisions\/3006"}],"up":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/1223"}],"wp:attachment":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/media?parent=1702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/categories?post=1702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/tags?post=1702"},{"taxonomy":"wsuwp_university_category","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_category?post=1702"},{"taxonomy":"wsuwp_university_location","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_location?post=1702"},{"taxonomy":"wsuwp_university_org","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_org?post=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}