{"id":718,"date":"2026-01-04T13:32:17","date_gmt":"2026-01-04T13:32:17","guid":{"rendered":"http:\/\/guupon.com\/index.php\/2026\/01\/04\/how-to-design-for-and-with-deaf-people\/"},"modified":"2026-01-04T13:32:17","modified_gmt":"2026-01-04T13:32:17","slug":"how-to-design-for-and-with-deaf-people","status":"publish","type":"post","link":"http:\/\/guupon.com\/index.php\/2026\/01\/04\/how-to-design-for-and-with-deaf-people\/","title":{"rendered":"How To Design For (And With) Deaf People"},"content":{"rendered":"<p><html> <head> <meta charset=\"utf-8\"> <link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2025\/12\/how-design-for-with-deaf-people\/\" \/> <title>How To Design For (And With) Deaf People<\/title> <\/head> <body> <\/p>\n<article>\n<header>\n<h1>How To Design For (And With) Deaf People<\/h1>\n<address>Vitaly Friedman<\/address>\n<p> <time datetime=\"2025-12-30T10:00:00&#43;00:00\" class=\"op-published\">2025-12-30T10:00:00+00:00<\/time> <time datetime=\"2025-12-30T10:00:00&#43;00:00\" class=\"op-modified\">2026-01-04T13:03:49+00:00<\/time> <\/header>\n<p>When we think about people who are deaf, we often assume stereotypes, such as \u201cdisabled\u201d older adults with <strong>hearing aids<\/strong>. However, this perception is far from the truth and often leads to poor decisions and broken products.<\/p>\n<p>Let\u2019s look at when and how deafness emerges, and how to design better experiences <strong>for people with hearing loss<\/strong>.<\/p>\n<figure class=\" \"> <a href=\"https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg\"> <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"800\" height=\"783\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg\" sizes=\"auto, 100vw\" alt=\"A diagram illustrates sign language with a torso, hands, and blue lines indicating &#39;SPACE&#39; and &#39;TIME,&#39; beside blue text stating &#39;Sign language is four-dimensional.\" \/> <\/a><figcaption class=\"op-vertical-bottom\"> Sign language is 4-dimensional, including 3D space and time, and often includes facial expressions, too. From a wonderful talk by <a href='https:\/\/www.youtube.com\/watch?v=M0cR_HTeWUo'>Marie van Driessche<\/a>. (<a href='https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/1-sign-language.jpg'>Large preview<\/a>) <\/figcaption><\/figure>\n<h2 id=\"deafness-is-a-spectrum\">Deafness Is A Spectrum<\/h2>\n<p>Deafness spans a <strong>broad continuum<\/strong>, from minor to profound hearing loss. Around 90&ndash;95% of deaf people <a href=\"https:\/\/scholarworks.wmich.edu\/jssw\/vol51\/iss1\/11\/\">come from hearing families<\/a>, and deafness often isn\u2019t merely a condition that people are born with. It frequently occurs due to <strong>exposure to loud noises<\/strong>, and it also emerges with age, disease, and accidents.<\/p>\n<figure class=\" break-out article__image \"> <a href=\"https:\/\/www.didyousaydeaf.com\/hearing-loss-and-how-hearing-loss-works\"> <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"800\" height=\"814\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg\" sizes=\"auto, 100vw\" alt=\"A chart showing sound frequencies and decibel levels, illustrating types of hearing loss and common everyday sounds.\" \/> <\/a><figcaption class=\"op-vertical-bottom\"> A <a href='https:\/\/www.didyousaydeaf.com\/hearing-loss-and-how-hearing-loss-works'>chart<\/a> showing sound frequencies and decibel levels, illustrating types of hearing loss and common everyday sounds. (<a href='https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/2-chart-sound-frequencies-decibel-levels.jpg'>Large preview<\/a>) <\/figcaption><\/figure>\n<p>The loudness of sound is measured in units called <strong>decibels (dB)<\/strong>. Everybody is on the <a href=\"https:\/\/www.didyousaydeaf.com\/hearing-loss-and-how-hearing-loss-works\">spectrum of deafness<\/a>, from normal hearing (up to 15 dB) to profound hearing loss (91+ dB):<\/p>\n<ul>\n<li><strong>Slight Hearing Loss<\/strong>, 16&ndash;25 dB<br \/> At 16 dB hearing loss, a person can miss up to 10% of speech when a speaker is at a distance greater than 3 feet.<\/li>\n<li><strong>Mild hearing loss<\/strong>, 26&ndash;40 dB<br \/> Soft sounds are hard to hear, including whispering, which is around 40 dB in volume. It\u2019s more difficult to hear soft speech sounds spoken at a normal volume. At 40dB hearing loss, a person may miss 50% of meeting discussions.<\/li>\n<li><strong>Moderate hearing loss<\/strong>, 41&ndash;55 dB<br \/> A person may hear almost no speech when another person is talking at normal volume. At a 50dB hearing loss, a person may not pick up to 80% of speech.<\/li>\n<li><strong>Moderately Severe Hearing Loss<\/strong>, 56&ndash;70 dB<br \/> A person may have problems hearing the sounds of a dishwasher (60dB). At 70 dB, they might miss almost all speech.<\/li>\n<li><strong>Severe Hearing Loss<\/strong>, 71&ndash;90 dB<br \/> A person will hear no speech when a person is talking at a normal level. They may hear only some very loud noises: vacuum (70 dB), blender (78 dB), hair dryer (90 dB).<\/li>\n<li><strong>Profound Hearing Loss<\/strong>, 91+ dB<br \/> Hear no speech and at most very loud sounds such as a music player at full volume (100 dB), which would be damaging for people with normal hearing, or a car horn (110 dB).<\/li>\n<\/ul>\n<p>It\u2019s worth mentioning that loss of hearing can also be situational and temporary, as people with \u201cnormal\u201d hearing (0 to 25 dB hearing loss) will always encounter situations where they can\u2019t hear, e.g., due to <strong>noisy environments<\/strong>.<\/p>\n<h2 id=\"useful-things-to-know-about-deafness\">Useful Things To Know About Deafness<\/h2>\n<p>Assumptions are always dangerous, and in the case of deafness, there are quite a few that aren\u2019t accurate. For example, most deaf people actually do not know a sign language &mdash; it\u2019s only around <a href=\"https:\/\/www.accessibility.com\/blog\/do-all-deaf-people-use-sign-language\">1% in the US<\/a>.<\/p>\n<p>Also, despite our expectations, there is actually <strong>no universal sign language<\/strong> that everybody uses. For example, British signers often cannot understand American signers. There are globally around <a href=\"https:\/\/education.nationalgeographic.org\/resource\/sign-language\/\">300 different sign languages<\/a> actively used.<\/p>\n<blockquote><p>\u201cWe never question making content available in different written or spoken languages, and the same should apply to signed languages.\u201d<\/p>\n<p>&mdash; <a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7178702360649547778?commentUrn=urn%3Ali%3Acomment%3A%28activity%3A7178702360649547778%2C7178776416979718144%29&#038;dashCommentUrn=urn%3Ali%3Afsd_comment%3A%287178776416979718144%2Curn%3Ali%3Aactivity%3A7178702360649547778%29\">Johanna Steiner<\/a><\/p><\/blockquote>\n<figure class=\" break-out article__image \"> <a href=\"https:\/\/uxplanet.org\/podcasts-for-the-deaf-d4d9b5f3ce99\"> <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"800\" height=\"517\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg\" sizes=\"auto, 100vw\" alt=\"Three smartphone screens displaying parts of a podcast app, including a browsing page, a now-playing screen with an avatar, and a live transcription feature.\" \/> <\/a><figcaption class=\"op-vertical-bottom\"> <a href='https:\/\/uxplanet.org\/podcasts-for-the-deaf-d4d9b5f3ce99'>Heardio<\/a> concept: making podcasts accessible for deaf people \u00e2\u20ac\u201d with live transcription and sign language avatars. (<a href='https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/3-heardio.jpg'>Large preview<\/a>) <\/figcaption><\/figure>\n<p>Sign languages are <a href=\"https:\/\/www.youtube.com\/watch?v=M0cR_HTeWUo&amp;t=188\">not just gestures or pantomime<\/a>. They are <strong>4D spatial languages<\/strong> with their own grammar and syntax, separate from spoken languages, and they don\u2019t have a written form. They rely heavily on facial expression to convey meaning and emphasis. And they are also not universal &mdash; every country has its own sign language and dialects.<\/p>\n<ul>\n<li>You can only understand <strong>30% of words<\/strong> via lip-reading.<\/li>\n<li>Most deaf people do not know any <strong>sign language<\/strong>.<\/li>\n<li>Many sign languages have local dialects that can be hard to interpret.<\/li>\n<li>Not all deaf people are fluent signers and often rely on <strong>visual clues<\/strong>.<\/li>\n<li>For many deaf people, a spoken language is their <strong>second language<\/strong>.<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=M0cR_HTeWUo\"><strong>Sign language is 4-dimensional<\/strong><\/a>, incorporating 3D space, time and also facial expressions.<\/li>\n<\/ul>\n<h2 id=\"how-to-communicate-respectfully\">How To Communicate Respectfully<\/h2>\n<p>Keep in mind that many deaf people use the spoken language of their country as <strong>their second language<\/strong>. So to communicate with a deaf person, it\u2019s best to ask in writing. Don\u2019t ask how much a person can understand, or if they can lip-read you.<\/p>\n<p>However, as Rachel Edwards <a href=\"https:\/\/www.linkedin.com\/posts\/rachel-edwards-scotland_excellent-overview-on-designing-for-ddeaf-activity-7409172866983804928-489h?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAAACDcgQBa_vsk5breYKwZAgyIhsHtJaFbL8\">noted<\/a>, don\u2019t assume someone is comfortable with written language because they are deaf. Sometimes their literacy may be low, and so providing information as text and assuming that covers your deaf users might not be the answer.<\/p>\n<p>Also, don\u2019t assume that every deaf person can lip-read. You can see only about 30% of words on someone\u2019s mouth. That\u2019s why many deaf people need <strong>additional visual cues<\/strong>, like text or cued speech.<\/p>\n<figure class=\" break-out article__image \"> <a href=\"https:\/\/www.healthyhearing.com\/report\/52264-Universal-signs-for-hearing-loss\"> <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"800\" height=\"675\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png\" sizes=\"auto, 100vw\" alt=\"Seven accessibility symbols for people with hearing loss are displayed: International Symbol of Access, assistive listening devices, telephone typewriter, volume control telephone, sign language interpretation, closed captioning, and open captioning.\" \/> <\/a><figcaption class=\"op-vertical-bottom\"> 7 accessibility symbols for people with hearing loss. <a href='https:\/\/www.healthyhearing.com\/report\/52264-Universal-signs-for-hearing-loss'>Universal signs for hearing loss<\/a>. (<a href='https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/4-accessibility-symbols.png'>Large preview<\/a>) <\/figcaption><\/figure>\n<p>It\u2019s also crucial to use <strong>respectful language<\/strong>. Deaf people do not always see themselves as <em>disabled<\/em>, but rather as a cultural linguistic minority with a unique identity. Others, as Meryl Evan has <a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7178702360649547778?commentUrn=urn%3Ali%3Acomment%3A%28activity%3A7178702360649547778%2C7178721132345270272%29&amp;dashCommentUrn=urn%3Ali%3Afsd_comment%3A%287178721132345270272%2Curn%3Ali%3Aactivity%3A7178702360649547778%29\">noted<\/a>, don\u2019t identify as <em>deaf<\/em> or <em>hard of hearing<\/em>, but rather as \u201chearing impaired\u201d. So, it\u2019s mostly up to an individual how they want to identify.<\/p>\n<ul>\n<li><strong>Deaf<\/strong> (Capital \u2018D\u2019)<br \/> Culturally Deaf people who have been deaf since birth or before learning to speak. Sign language is often the first language, and written language is the second.<\/li>\n<li><strong>deaf<\/strong> (Lowercase \u2018d\u2019)<br \/> People who developed hearing loss later in life. Used by people who feel closer to the hearing\/hard-of-hearing world and prefer to communicate written and\/or oral.<\/li>\n<li><strong>Hard of Hearing<\/strong><br \/> People with mild to moderate hearing loss who typically communicate orally and use hearing aids.<\/li>\n<\/ul>\n<p>In general, <strong>avoid hearing impairment<\/strong> if you can, and use <em>Deaf<\/em> (for those deaf for most of their lives), <em>deaf<\/em> (for those who became deaf later), or <em>hard of hearing<\/em> (HoH) for partial hearing loss. But either way, ask politely first and then respect the person\u2019s preferences.<\/p>\n<h2 id=\"practical-ux-guidelines\">Practical UX Guidelines<\/h2>\n<p>When designing UIs and content, consider these key accessibility guidelines for deaf and hard-of-hearing users:<\/p>\n<figure class=\" break-out article__image \"> <a href=\"https:\/\/prospect.org.uk\/article\/designing-content-for-users-who-are-deaf-or-hard-of-hearing\/\"> <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"800\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg\" sizes=\"auto, 100vw\" alt=\"An infographic on a teal background titled &#39;Designing for users who are deaf or hard of hearing,&#39; listing &#39;Do&#39;s and Don&#39;ts&#39; with icons.\" \/> <\/a><figcaption class=\"op-vertical-bottom\"> How to design for users who are deaf or hard of hearing, a Gov.uk-inspired poster by <a href='https:\/\/prospect.org.uk\/article\/designing-content-for-users-who-are-deaf-or-hard-of-hearing\/'>Prospect.org.uk<\/a>. <a href='https:\/\/d28j9ucj9uj44t.cloudfront.net\/uploads\/2021\/09\/Designing_for_accessibility6.pdf'>Download a printable PDF<\/a>. (<a href='https:\/\/files.smashing.media\/articles\/how-design-for-with-deaf-people\/5-designing-deaf-users.jpg'>Large preview<\/a>) <\/figcaption><\/figure>\n<ol>\n<li><strong>Don\u2019t make the phone required<\/strong> or the only method of contact.<\/li>\n<li><strong>Provide text alternatives<\/strong> for all audible alerts or notices.<\/li>\n<li><strong>Add haptic feedback<\/strong> on mobile (e.g., vibration patterns).<\/li>\n<li><strong>Ensure good lighting<\/strong> to help people see facial expressions.<\/li>\n<li><strong>Circular seating<\/strong> usually works better, so everyone can see each other\u2019s faces.<\/li>\n<li><strong>Always include descriptions of non-spoken sounds<\/strong> (e.g., rain, laughter) in your content.<\/li>\n<li><strong>Add a transcript and closed captions<\/strong> for audio and video.<\/li>\n<li><strong>Clearly identify each speaker<\/strong> in all audio and video content.<\/li>\n<li><strong>Design multiple ways to communicate<\/strong> in every instance (online + in-person).<\/li>\n<li><strong>Invite video participants to keep the camera on<\/strong> to facilitate lip-reading and the viewing of facial expressions, which convey tone.<\/li>\n<li><strong>Always test products with the actual community<\/strong>, instead of making assumptions for them.<\/li>\n<\/ol>\n<h2 id=\"wrapping-up\">Wrapping Up<\/h2>\n<p>I keep repeating myself like a broken record, but better accessibility <strong>always benefits everyone<\/strong>. When we improve experiences for some groups of people, it often improves experiences for entirely different groups as well.<\/p>\n<p>As Marie Van Driessche rightfully noted, to design a great experience for accessibility, we must design <strong>with<\/strong> people, rather than <em>for<\/em> them. And that means always include people with <strong>lived experience of exclusion<\/strong> into the design process &mdash; as they are the true experts.<\/p>\n<blockquote class=\"pull-quote\">\n<p> <a class=\"pull-quote__link\" aria-label=\"Share on Twitter\" href=\"https:\/\/twitter.com\/share?text=%0aAccessibility%20never%20happens%20by%20accident%20%e2%80%94%20it%e2%80%99s%20a%20deliberate%20decision%20and%20a%20commitment.%0a&#038;url=https:\/\/smashingmagazine.com%2f2025%2f12%2fhow-design-for-with-deaf-people%2f\"> Accessibility never happens by accident \u2014 it\u2019s a deliberate decision and a commitment. <\/a> <\/p>\n<div class=\"pull-quote__quotation\">\n<div class=\"pull-quote__bg\"> <span class=\"pull-quote__symbol\">\u201c<\/span><\/div>\n<\/p><\/div>\n<\/blockquote>\n<p>No digital product is neutral. There must be a deliberate effort to make products and services more accessible. Not only does it benefit everyone, but it also shows what a company stands for and values.<\/p>\n<p>And once you do have a commitment, it will be so much easier to <strong>retain accessibility<\/strong> rather than adding it last minute as a crutch &mdash; when it\u2019s already too late to do it right and way too expensive to do it well.<\/p>\n<h2 id=\"meet-smart-interface-design-patterns\">Meet \u201cSmart Interface Design Patterns\u201d<\/h2>\n<p>You can find more details on <strong>design patterns and UX<\/strong> in <a href=\"https:\/\/smart-interface-design-patterns.com\/\"><strong>Smart Interface Design Patterns<\/strong><\/a>, our <strong>15h-video course<\/strong> with 100s of practical examples from real-life projects &mdash; with a live UX training later this year. Everything from mega-dropdowns to complex enterprise tables &mdash; with 5 new segments added every year. <a href=\"https:\/\/www.youtube.com\/watch?v=jhZ3el3n-u0\">Jump to a free preview<\/a>. Use code <a href=\"https:\/\/smart-interface-design-patterns.com\"><strong>BIRDIE<\/strong><\/a> to <strong>save 15%<\/strong> off.<\/p>\n<figure style=\"margin-bottom: 0\"><a href=\"https:\/\/smart-interface-design-patterns.com\/\"><img loading=\"lazy\" style=\"border-radius: 11px\" decoding=\"async\" fetchpriority=\"low\" width=\"950\" height=\"492\" srcset=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg 400w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_800\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg 800w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1200\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg 1200w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_1600\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg 1600w, https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_2000\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg 2000w\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7cc4e1de-6921-474e-a3fb-db4789fc13dd\/b4024b60-e627-177d-8bff-28441f810462.jpeg\" sizes=\"auto, 100vw\" alt=\"Smart Interface Design Patterns\"><\/a><figcaption class=\"op-vertical-bottom\">Meet <a href=\"https:\/\/smart-interface-design-patterns.com\/\">Smart Interface Design Patterns<\/a>, our video course on interface design &amp; UX.<\/figcaption><\/figure>\n<div class=\"book-cta__inverted\">\n<div class=\"book-cta\" data-handler=\"ContentTabs\" data-mq=\"(max-width: 480px)\">\n<nav class=\"content-tabs content-tabs--books\">\n<ul>\n<li class=\"content-tab\"><a href=\"#\"><button class=\"btn btn--small btn--white btn--white--bordered\"> Video + UX Training<\/button><\/a><\/li>\n<li class=\"content-tab\"><a href=\"#\"><button class=\"btn btn--small btn--white btn--white--bordered\">Video only<\/button><\/a><\/li>\n<\/ul>\n<\/nav>\n<div class=\"book-cta__col book-cta__hardcover content-tab--content\">\n<h3 class=\"book-cta__title\"><span>Video + UX Training<\/span><\/h3>\n<p><span class=\"book-cta__price\"><span><span class=\"\"><span class=\"currency-sign\">$<\/span>&nbsp;<span>495<span class=\"sup\">.00<\/span><\/span><\/span> <span class=\"book-cta__price--old\"><span class=\"currency-sign\">$<\/span>&nbsp;<span>699<span class=\"sup\">.00<\/span><\/span><\/span><\/span><\/span> <a href=\"https:\/\/smart-interface-design-patterns.thinkific.com\/enroll\/3081832?price_id=3951439\" class=\"btn btn--full btn--medium btn--text-shadow\"> Get Video + UX Training<\/p>\n<div><\/div>\n<p><\/a><\/p>\n<p class=\"book-cta__desc\">25 video lessons (15h) + <a href=\"https:\/\/smashingconf.com\/online-workshops\/workshops\/vitaly-friedman-impact-design\/\">Live UX Training<\/a>.<br \/>100 days money-back-guarantee.<\/p>\n<\/div>\n<div class=\"book-cta__col book-cta__ebook content-tab--content\">\n<h3 class=\"book-cta__title\"><span>Video only<\/span><\/h3>\n<div data-audience=\"anonymous free supporter\" data-remove=\"true\"><span class=\"book-cta__price\" data-handler=\"PriceTag\"><span><span class=\"\"><span class=\"currency-sign\">$<\/span>&nbsp;<span>300<span class=\"sup\">.00<\/span><\/span><\/span><span class=\"book-cta__price--old\"><span class=\"currency-sign\">$<\/span>&nbsp;<span>395<span class=\"sup\">.00<\/span><\/span><\/span><\/span><\/div>\n<p> <a href=\"https:\/\/smart-interface-design-patterns.thinkific.com\/enroll\/3081832?price_id=3950630\" class=\"btn btn--full btn--medium btn--text-shadow\"> Get the video course<\/p>\n<div><\/div>\n<p><\/a><\/p>\n<p class=\"book-cta__desc\" data-audience=\"anonymous free supporter\" data-remove=\"true\">40 video lessons (15h). Updated yearly.<br \/>Also available as a <a href=\"https:\/\/smart-interface-design-patterns.thinkific.com\/enroll\/3082557?price_id=3951421\">UX Bundle with 2 video courses.<\/a><\/p>\n<\/div>\n<p><span><\/span><\/div>\n<\/div>\n<h2 id=\"useful-resources\">Useful Resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=M0cR_HTeWUo\">Designing For Deaf People Helps Everyone<\/a>, by Marie Van Driessche<\/li>\n<li>\u201c<a href=\"https:\/\/medium.com\/@paulrobwest\/ux-ui-design-considerations-for-the-deaf-deaf-and-hard-of-hearing-dbfe28850fbe\">Design considerations for the Deaf, deaf, and hard of hearing<\/a>\u201d, by Paul Roberts<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=AEXKOASrTVM\">Beyond Video Captions and Sign Language<\/a>, by Svetlana Kouznetsova<\/li>\n<li>\u201c<a href=\"https:\/\/www.smashingmagazine.com\/2023\/01\/closed-captions-subtitles-ux\/\">Best Practices For CC and Subtitles UX<\/a>\u201d, by Vitaly Friedman<\/li>\n<li><a href=\"https:\/\/www.accessi.org\/blog\/web-accessibility-for-deaf-users\/\">Web Accessibility for Deaf Users<\/a><\/li>\n<li><a href=\"https:\/\/www.inclusivedesigntoolkit.com\/UChearing\/hearing.html\">Inclusive Design Toolkit: Hearing<\/a><\/li>\n<li>\u201c<a href=\"https:\/\/funkybrownchick.substack.com\/p\/i-hear-you-really-i-do-\">What It&rsquo;s Like To Be Born Hard of Hearing<\/a>\u201d, by Twanna A. Hines, M.S.<\/li>\n<li>\u201c<a href=\"https:\/\/uxplanet.org\/podcasts-for-the-deaf-d4d9b5f3ce99\">Accessibility: Podcasts for the deaf<\/a>\u201d, by Mubarak Alabidun<\/li>\n<\/ul>\n<h3 id=\"useful-books\">Useful Books<\/h3>\n<ul>\n<li><a href=\"https:\/\/audio-accessibility.com\/book\/\"><em>Sound Is Not Enough<\/em><\/a>, by Svetlana Kouznetsova<\/li>\n<li><em>Mismatch: How Inclusion Shapes Design<\/em>, by Kat Holmes<\/li>\n<li><em>Building for Everyone: Extend Your Product&rsquo;s Reach Through Inclusive Design<\/em> (+ <a href=\"https:\/\/design.google\/library\/building-for-everyone\">free excerpt<\/a>), by Annie Jean-Baptiste<\/li>\n<\/ul>\n<div class=\"signature\"> <img src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" decoding=\"async\" \/> <span>(yk)<\/span> <\/div>\n<\/article>\n<p> <\/body> <\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"text-justify mb-2\" >Practical UX guidelines to keep in mind for 466 million people who experience hearing loss. More design patterns in Smart Interface Design Patterns, a friendly video course on UX and design patterns b<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-718","post","type-post","status-publish","format-standard","hentry","category-accessibility"],"_links":{"self":[{"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/posts\/718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/comments?post=718"}],"version-history":[{"count":0,"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/posts\/718\/revisions"}],"wp:attachment":[{"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/media?parent=718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/categories?post=718"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/guupon.com\/index.php\/wp-json\/wp\/v2\/tags?post=718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}