You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -37,10 +37,6 @@ The "Access Granted" project aims to make the web more accessible for all users,
37
37
- A key strength of our project lies in the collaborative effort of our team. Through active involvement, inclusive practices, and a shared commitment to excellence, we’ve cultivated an environment of mutual support and high-quality outcomes.
38
38
39
39
40
-
## About Us
41
-
42
-
We are a passionate team of developers and designers participating in the Code Institute Inclusive Web: Building Accessible Websites. Hackathon.
43
-
44
40
## Content
45
41
46
42
*[Access Granted](#access-granted)
@@ -157,12 +153,14 @@ Buttons and form elements have descriptive icons and ARIA labels for better scre
157
153
### Accessibility Tools Articles:
158
154
-The page features three main articles, each dedicated to a specific accessibility feature:
159
155
160
-
### Voice Assistant ("Mikey the Mic"):
161
-
- Describes voice navigation capabilities for users with visual impairments or mobility issues.
162
-
### OpenDyslexic Font ("Glassy with the Glasses"):
163
-
- Explains the font switch for dyslexia-friendly text display, aiding users who struggle with standard fonts.
164
-
### High Contrast Mode ("Spikey the Hedgehog")[image](assets/images/contrast-icon.webp):
165
-
- Details a toggle for high-contrast visuals to assist users with color blindness or low vision.
156
+
### Voice Assistant ("Mikey the Mic")
157
+
158
+
- Describes voice navigation capabilities for users with visual impairments or mobility issues.
159
+
### OpenDyslexic Font ("Glassy with the Glasses")
160
+
- Explains the font switch for dyslexia-friendly text display, aiding users who struggle with standard fonts.
161
+
162
+
### High Contrast Mode ("Spikey the Hedgehog")
163
+
- Details a toggle for high-contrast visuals to assist users with color blindness or low vision.
166
164
167
165
### Each article outlines:
168
166
- Who it helps
@@ -171,9 +169,9 @@ Buttons and form elements have descriptive icons and ARIA labels for better scre
171
169
172
170
### Tabs Section (Accessibility Standards):
173
171
- Utilizes Bootstrap tabs to provide information about various accessibility guidelines:
174
-
- WCAG (Web Content Accessibility Guidelines)
175
-
- ARIA (Accessible Rich Internet Applications)
176
-
- Section 508 (U.S. federal requirements for accessible electronic content)
- ARIA (Accessible Rich Internet Applications)[Link](https://www.w3.org/WAI/standards-guidelines/aria/)
174
+
- Section 508 (U.S. federal requirements for accessible electronic content)[Link](https://www.section508.gov/)
177
175
178
176
### Simulation Section:
179
177
- Features interactive buttons allowing users to simulate various accessibility challenges (e.g., color blindness, low vision, screen reader use). This helps users understand the importance of inclusive design.
@@ -184,12 +182,102 @@ Buttons and form elements have descriptive icons and ARIA labels for better scre
184
182
185
183
*<spanstyle="color: blue;">[Back to Content](#content)</span>*
186
184
185
+
# About Us
186
+
187
+
## Who We Are
188
+
- Welcome to Access Granted! We are a dynamic team of passionate developers and innovators with a shared vision: to make the web more accessible and inclusive for everyone. Our project is a testament to the power of collaboration, bringing together diverse skills and perspectives to create an online experience that truly caters to all users, regardless of their abilities.
189
+
190
+
## Our Mission
191
+
- Access Granted is driven by a mission to create a more inclusive digital world. We believe the internet should be a space where everyone feels welcomed and empowered. Our focus on accessibility, usability, and inclusivity aims to ensure that no user is left behind. We are committed to incorporating innovative solutions that address the needs of all individuals, including those with disabilities, through thoughtful design and user-friendly features.
192
+
193
+
## Meet Our Team
194
+
- Our talented team is the heart and soul of Access Granted. Each member brings a unique set of skills and expertise, contributing to the success of our project in their own special way.
195
+
196
+
## 🌟 Vernell Clark — SCRUM Leader
197
+
- Vernell ensures our team remains on track and focused. As our SCRUM Leader, he coordinate team efforts, facilitate meetings, and help resolve any obstacles. Vernell expertise in agile methodologies has been key to our project's timely and organized progress.
- Nikola has played a pivotal role in developing our voice assistant feature, making our website more accessible for users with visual impairments or those who prefer audio navigation. His innovative thinking and dedication to enhancing user experience have been invaluable.
## 📊 Benjamin Schäfer — Research & Page Layout Specialist
211
+
- Benjamin’s expertise in research and design has helped shape the overall look and feel of our site. His attention to detail and commitment to accessibility principles ensure our content is both aesthetically pleasing and user-friendly.
- Angela has been instrumental in maintaining clear and concise project documentation. Her organizational skills have kept our team aligned, and her contributions have ensured that our project is thoroughly documented for future developers and users.
- Ashraf’s creative vision brought our project to life through beautifully crafted avatars. His designs not only reflect the diversity of our team but also resonate with our mission of inclusivity.
- Alison’s creativity shines in her work on our custom 404 error page, ensuring that even when users get lost, they encounter a friendly and helpful experience. Her innovative approach adds a unique touch to our project.
- James meticulously designed our footer, which provides a seamless navigation experience across the site. His focus on accessibility ensures that users can easily find the information they need, making our website more user-friendly.
- Ahmad took the lead in designing and creating this very page. His dedication to highlighting the team's contributions and presenting a cohesive narrative has made the About Us section a central part of our website’s storytelling.
At Access Granted, we believe in the importance of inclusivity. We have implemented various accessibility features, such as:
257
+
258
+
Voice Assistant: For users who prefer auditory navigation.
259
+
High Contrast Mode: For improved readability.
260
+
Dyslexic Font Option: A font designed to be easier for dyslexic users to read.
261
+
Colorblind Modes: Filters for users with different types of color vision deficiencies.
262
+
These features reflect our ongoing commitment to creating an environment where everyone can interact with ease.
263
+
264
+
Join Us on Our Journey
265
+
We are excited about the future of Access Granted and the possibilities for making the web a more inclusive place. We invite you to explore our site, share your feedback, and join us in this mission.
266
+
267
+
Let’s make the internet accessible for all — together.
268
+
269
+
*<spanstyle="color: blue;">[Back to Content](#content)</span>*
The page provides a user-friendly Contact Us form along with accessibility features, making it easy for users to get in touch while ensuring a smooth experience for people with different accessibility needs. The layout is responsive, thanks to Bootstrap, and includes tools to adjust the design for better accessibility.
192
276
277
+
*<spanstyle="color: blue;">[Back to Content](#content)</span>*
278
+
279
+
280
+
193
281
### Responsiveness
194
282
195
283
The website is fully responsive, providing a seamless experience on devices of all sizes, from smartphones to desktops.
@@ -264,11 +352,54 @@ The Team used slack team channel Canvas to ensure everyone stayed updated on pro
264
352
### Further Testing
265
353
266
354
267
-
### Future adding
355
+
# Future adding
356
+
357
+
## Personalized Accessibility Settings:
358
+
359
+
### User Profiles:
360
+
- Allow users to create profiles where their accessibility settings (e.g., font size, colorblind mode, high contrast) can be saved and applied automatically when they visit the site.
361
+
Multi-device Syncing: Enable users to sync their accessibility preferences across different devices (mobile, tablet, desktop).
362
+
Voice Assistant Enhancements:
363
+
364
+
### Multi-language Support:
365
+
- Extend the voice assistant (Mikey the Mic) to support multiple languages, making it accessible to a wider audience.
366
+
Advanced Voice Commands: Implement more specific voice commands for easier navigation, such as "Go to Resources" or "Activate Colorblind Mode."
367
+
368
+
### Real-time Text-to-Speech:
369
+
370
+
- Implement a real-time text-to-speech feature that can read out any text on the website, providing an immersive experience for users with visual impairments.
371
+
372
+
### Enhanced Content Reader:
373
+
374
+
- Develop a more robust content reader for users with dyslexia or other reading difficulties, including options for text highlighting, word spacing, and reading speed adjustments.
375
+
376
+
### AI-Driven Accessibility Tools:
377
+
378
+
- Use AI to provide real-time suggestions to improve accessibility based on the user’s behavior and preferences (e.g., suggesting font changes or offering an easy-to-read mode based on the user’s interactions).
379
+
380
+
### Live Chat Support for Accessibility:
381
+
382
+
- Offer a live chat feature specifically focused on accessibility, where users can quickly reach support for technical issues or learn more about the available accessibility options.
383
+
384
+
### Mobile App Version:
385
+
386
+
- Create a mobile app that mirrors the website’s accessibility features, allowing users to customize their experience and access the site through their smartphones or tablets.
387
+
388
+
### Interactive Accessibility Tutorials:
389
+
390
+
- Build interactive guides that walk users through the various accessibility features of the site, helping them make the most of the tools available.
268
391
392
+
### Real-time User Feedback on Accessibility:
269
393
394
+
- Implement a system where users can provide real-time feedback about the accessibility features, helping to improve future versions of the site.
270
395
271
-
-## Prerequisites and Deployment
396
+
### Integration with Assistive Technology:
397
+
398
+
- Integrate the site with third-party assistive technologies such as screen readers, braille displays, or eye-tracking devices for users who rely on them.
399
+
400
+
401
+
402
+
## Prerequisites and Deployment
272
403
273
404
- The site was developed in VS Code/Gitpod, stored in GitHub as the local repository. Github Pages was used to deploy the live website. The instructions to ac- hieve this are below.
- Community testers who provided valuable feedback.
383
514
384
-
- Our team also deserves special mention as a whole. We learned a lot from each other, dove headfirst into new technologies, and were helpful in times of need to resolve coding issues.:
- Our team also deserves special mention as a whole. We learned a lot from each other, dove headfirst into new technologies, and were helpful in times of need to resolve coding issues.
0 commit comments