From 0060c8f94c2c463446f35eb621a44a6e1f279ce6 Mon Sep 17 00:00:00 2001 From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn> Date: Mon, 30 Sep 2024 13:01:10 +0000 Subject: [PATCH] Update file inclusivity.html --- wiki/pages/inclusivity.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html index a8865572..8e8263a3 100644 --- a/wiki/pages/inclusivity.html +++ b/wiki/pages/inclusivity.html @@ -149,9 +149,9 @@ <p>Individuals with dyslexia often struggle to read standard fonts, as they can appear distorted or jumbled. According to Annals of Dyslexia, specialized fonts such as Dyslexie and OpenDyslexic improve readability for dyslexic individuals by reducing letter confusion through distinct shapes. Additionally, avoiding excessive italics or underlining improves text clarity.</p> <h5>How We Implemented It?</h5> <ul> - <li>Font Switch Feature: We introduced a <b>font-switching option</b> that allows users to toggle between standard fonts and dyslexia-friendly fonts like Dyslexie and OpenDyslexic. These fonts are designed with heavier bottom weights and distinct character shapes, making it easier for dyslexic users to differentiate between letters.<li> - <li>Avoiding Italics and Underlining: In the body text, we avoided using italics and underlining—both of which can distort the visual form of words—following guidelines from the British Dyslexia Association. Instead, we relied on bold formatting to highlight important text.<li> - <li>Letter Spacing: We ensured that text had <b>larger letters</b>, which makes it easier for dyslexic users to track lines of text without losing their place. This design choice was based on recommendations from accessibility experts in the International Dyslexia Journal.<li> + <li>Font Switch Feature: We introduced a <b>font-switching option</b> that allows users to toggle between standard fonts and dyslexia-friendly fonts like Dyslexie and OpenDyslexic. These fonts are designed with heavier bottom weights and distinct character shapes, making it easier for dyslexic users to differentiate between letters.</li> + <li>Avoiding Italics and Underlining: In the body text, we avoided using italics and underlining—both of which can distort the visual form of words—following guidelines from the British Dyslexia Association. Instead, we relied on bold formatting to highlight important text.</li> + <li>Letter Spacing: We ensured that text had <b>larger letters</b>, which makes it easier for dyslexic users to track lines of text without losing their place. This design choice was based on recommendations from accessibility experts in the International Dyslexia Journal.</li> <ul> <div class="image-container" style="display: flex; justify-content: center;"> <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic18.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;"> -- GitLab