Yaser Akhras

Creating Accessible Websites: A Guide for Designers

9 October، 2025

img:is([sizes=auto i],[sizes^="auto,"i]){contain-intrinsic-size:3000px 1500px}@font-face{font-family:"Thmanyah";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_f5fd/yaserakhras.com%2Fwp-content%2Fuploads%2F2024%2F08%2FThmanyah-Regular.woff2)format("woff2")}@font-face{font-family:"Thmanyah";font-weight:500;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_f5fd/yaserakhras.com%2Fwp-content%2Fuploads%2F2024%2F08%2FThmanyah-Medium.woff2)format("woff2")}@font-face{font-family:"Thmanyah";font-weight:600;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_f5fd/yaserakhras.com%2Fwp-content%2Fuploads%2F2024%2F08%2FThmanyah-SemiBold.woff2)format("woff2")}@font-face{font-family:"Thmanyah";font-weight:700;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_f5fd/yaserakhras.com%2Fwp-content%2Fuploads%2F2024%2F08%2FThmanyah-Bold.woff2)format("woff2")}:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0)}:where(.is-layout-flex){gap:0.5em}:where(.is-layout-grid){gap:0.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}html{scroll-behavior:smooth}:root{}body{font-family:"Montserrat"}h1,h2,h3,h4,h5,h6{font-family:"Lora";font-weight:500}h1{font-size:2.3em}h3{font-size:1.5em;font-family:"Poppins";font-weight:400}.sectionGlobal.brxe-section{padding-top:15px;padding-bottom:15px;background-color:var(--bricks-color-pydxsd);overflow:hidden}@media (max-width:478px){.sectionGlobal.brxe-section{overflow:hidden}}.morphingItem.brxe-morphingmenuitem{margin-right:10px;margin-left:10px;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px;font-size:1em;font-weight:400;color:var(--bricks-color-ymuzvg)}.postCardContainer.brxe-block{grid-template-columns:repeat(12,1fr);display:flex;flex-direction:row;column-gap:30px;justify-content:center;align-items:center;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;border-bottom:1px solid #c3c9d0}@media (max-width:767px){.postCardContainer.brxe-block{flex-wrap:nowrap}}@media (max-width:478px){.postCardContainer.brxe-block{padding-right:0;padding-left:0;column-gap:20px;flex-direction:column;row-gap:10px}}.postCardContainer__img.brxe-block{width:20%}@media (max-width:991px){.postCardContainer__img.brxe-block{width:25%}}@media (max-width:767px){.postCardContainer__img.brxe-block{width:35%}}@media (max-width:478px){.postCardContainer__img.brxe-block{width:100%}}.postCard__img.brxe-image{height:140px;border-radius:15px;width:100%;overflow:hidden}.postCard__img.brxe-image:not(.tag),.postCard__img.brxe-image img{object-fit:cover}@media (max-width:478px){.postCard__img.brxe-image{height:250px}}.postCardContainer__text.brxe-block{width:80%;row-gap:10px}@media (max-width:991px){.postCardContainer__text.brxe-block{width:75%}}@media (max-width:767px){.postCardContainer__text.brxe-block{width:65%}}@media (max-width:478px){.postCardContainer__text.brxe-block{width:100%;row-gap:5px}}.postCard__Title.brxe-heading{font-size:1.5em}@media (max-width:767px){.postCard__Title.brxe-heading{font-size:1.3em}}@media (max-width:478px){.postCard__Title.brxe-heading{font-size:1.4em}}.closeEndedContainer.brxe-block{align-items:center;padding-top:100px;padding-bottom:100px;width:95%;border-radius:25px;background-color:var(--bricks-color-potrmu)}.footerArrowBtn.brxe-arrowbutton .bc-arrow-button_title-wrapper{background-color:rgba(0,0,0,0);color:var(--bricks-color-ymuzvg);padding-top:10px;padding-bottom:10px}.footerArrowBtn.brxe-arrowbutton .bc-arrow-button__circle{background-color:var(--bricks-color-bbmnxn);padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}.footerArrowBtn.brxe-arrowbutton .bc-arrow-button__arrow{--fill: var(--bricks-color-ymuzvg)}.footerArrowBtn.brxe-arrowbutton{--scale: 1.1;border-radius:25px;background-color:#eceee6;width:100%}@media (max-width:478px){.footerArrowBtn.brxe-arrowbutton{width:100%}.footerArrowBtn.brxe-arrowbutton .bc-arrow-button_title-wrapper{font-size:1em}}@font-face{font-family:"Thmanyah";src:url('https://mhdziada.com/wp-content/uploads/2024/08/Thmanyah-Regular.woff2') format('woff2'), font-weight: 400;font-style:normal}@font-face{font-family:"Thmanyah Medium";src:url('https://mhdziada.com/wp-content/uploads/2024/08/Thmanyah-Medium.woff2') format('woff2'), font-weight: 500;font-style:normal}@font-face{font-family:"Thmanyah SemiBold";src:url('https://mhdziada.com/wp-content/uploads/2024/08/Thmanyah-SemiBold.woff2') format('woff2'), font-weight: 600;font-style:normal}@font-face{font-family:"Thmanyah Bold";src:url('https://mhdziada.com/wp-content/uploads/2024/08/Thmanyah-Bold.woff2') format('woff2'), font-weight: 700;font-style:normal}html[lang="ar"] body,p{font-family:Thmanyah,sans-serif}html[lang="ar"] h1{font-family:Thmanyah Bold,sans-serif}html[lang="ar"] h2,h3,h4{font-family:Thmanyah SemiBold,sans-serif}:root{--bricks-color-15a2d9: #f5f5f5;--bricks-color-ff0ff5: #e0e0e0;--bricks-color-54082a: #9e9e9e;--bricks-color-4f9567: #616161;--bricks-color-05d310: #424242;--bricks-color-f65ddb: #212121;--bricks-color-b81829: #ffeb3b;--bricks-color-7182ae: #ffc107;--bricks-color-5debe9: #ff9800;--bricks-color-8726ae: #ff5722;--bricks-color-d86d38: #f44336;--bricks-color-63fa40: #9c27b0;--bricks-color-392155: #2196f3;--bricks-color-9a2221: #03a9f4;--bricks-color-b698ee: #81D4FA;--bricks-color-d34104: #4caf50;--bricks-color-a30a0a: #8bc34a;--bricks-color-fdec0d: #cddc39;--bricks-color-egzimn: #f1efec;--bricks-color-uexilp: #dce4ea;--bricks-color-dbdnnn: #f1efec;--bricks-color-pydxsd: #f1efec;--bricks-color-zilgam: #dce4ea;--bricks-color-xchcbg: #d3e8c8;--bricks-color-kdjzyb: #d1e9fa;--bricks-color-kdgyyu: #383e46;--bricks-color-potrmu: #ffffff;--bricks-color-ymuzvg: #000000;--bricks-color-aulcyu: #909aa7;--bricks-color-afaxqs: #3f6c88;--bricks-color-ydltlr: #fae3cf;--bricks-color-skjryl: #818180;--bricks-color-izwyiq: #e4dbeb;--bricks-color-bqlfpr: #6f9954;--bricks-color-bbmnxn: #c28951;--bricks-color-ykxhdr: #9d84aa;--bricks-color-mjloxr: #eae8e1;--bricks-color-rztvnu: #f7f4f2}#brxe-xtmapb{z-index:1;font-size:1.5em}#brxe-jlwhve .bc-morphing-menu__morphing-div{background-color:var(--bricks-color-kdgyyu)}#brxe-jlwhve .bc-morphing-menu__item--active{color:var(--bricks-color-potrmu)}@media (max-width:991px){#brxe-jlwhve{display:none}}@media (max-width:991px){#brxe-wegwbc{z-index:30}}@media (max-width:991px){#brxe-qikgoc{background-color:var(--bricks-color-pydxsd);z-index:20;width:50%}}@media (max-width:767px){#brxe-qikgoc{width:75%;row-gap:10px;padding-right:25px;padding-left:25px}}@media (max-width:991px){#brxe-wluris{background-color:rgba(144,154,167,0.6);z-index:18}}#brxe-nlgaqw{display:none}@media (max-width:991px){#brxe-nlgaqw{display:block}}#brxe-gtzxbe{flex-direction:row;align-items:center;justify-content:space-evenly;min-height:70px;margin-top:0}@media (max-width:991px){#brxe-gtzxbe{justify-content:space-between}}@media (max-width:478px){#brxe-gtzxbe{flex-wrap:nowrap;column-gap:20px;width:90%}}#brxe-eblbuu{justify-content:center;align-items:center;flex-direction:row;width:95%}#brxe-iacoho{padding-top:40px;padding-bottom:30px;overflow:visible;min-height:75px}@media (max-width:991px){#brxe-iacoho{z-index:100}}@media (max-width:478px){#brxe-iacoho{padding-top:20px;padding-bottom:10px}}.brxe-wwufcp .brxe-dmctda.brxe-block{grid-column:1/4}.brxe-wwufcp .brxe-jfgzsw.brxe-heading:hover{color:var(--bricks-color-afaxqs)}@media (max-width:478px){.brxe-wwufcp .brxe-jfgzsw.brxe-heading{font-size:1.4em}}.brxe-wwufcp .brxe-uzbgvu.brxe-block{grid-column:4/13}#brxe-npdgzc .bricks-pagination ul{justify-content:center}#brxe-npdgzc{margin-top:75px}#brxe-jpjcsr{width:70%;margin-top:100px;margin-bottom:100px;justify-content:center;align-items:center}@media (max-width:991px){#brxe-jpjcsr{width:80%}}@media (max-width:767px){#brxe-jpjcsr{width:90%;margin-top:0}}@media (max-width:478px){#brxe-jpjcsr{row-gap:40px;margin-top:50px}}#brxe-hsjkax{flex-direction:row-reverse}#brxe-hsjkax .bc-arrow-button__arrow{--fill: var(--bricks-color-potrmu)}#brxe-wytbsf{flex-direction:row-reverse}#brxe-wytbsf .bc-arrow-button__arrow{--fill: var(--bricks-color-potrmu)}#brxe-ivlifc{flex-direction:row-reverse}#brxe-ivlifc .bc-arrow-button__arrow{--fill: var(--bricks-color-potrmu)}#brxe-pkpqpq{grid-template-columns:repeat(3,1fr);flex-direction:row;column-gap:20px;display:grid;align-items:initial;margin-bottom:50px}@media (max-width:767px){#brxe-pkpqpq{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);grid-gap:20px}}@media (max-width:478px){#brxe-pkpqpq{column-gap:20px;row-gap:10px;flex-direction:column}}#brxe-axgqgn{padding-top:41px;padding-right:5%;padding-bottom:0;padding-left:5%;column-gap:20px;row-gap:30px;align-self:center!important;align-items:flex-start;background-color:#fdf6f0;margin-bottom:-4px}@media (max-width:478px){#brxe-axgqgn{min-height:211px}}#brxe-jhsdry{align-self:center;margin-top:20px;margin-bottom:10px}@media (max-width:478px){#brxe-jhsdry{width:80%;text-align:center}}#brxe-xfakqo{align-items:center}

Yaser Akhras

Algorithm (Part 3)

Algorithm (Part 2)

Algorithm