Accessibility and Navigation
Accessibility and Navigation
Embedded Files
Making your ePortfolio usable for a broad audience
Hyperlinks for navigation and Accessibility considerations
Accessibility
Accessibility
What is Accessibility?
What is Accessibility?
Accessibility is making design and sytlistic choices that ensure your website is navigable by a diverse audience. This includes consider how those who use accomodations may experience your portoflio and choosing platforms and layouts that promote usability.
Accessibility is a moral and ethical obligation we all have to ensure diversity and inclusion at all stages of design, innovation, and implementation
Accessibility is a moral and ethical obligation we all have to ensure diversity and inclusion at all stages of design, innovation, and implementation
How do we make our ePortfolios Accessible?
How do we make our ePortfolios Accessible?
Select platforms and templates that are designed with accessibility in mind
Add captions and alt text to images and embedded content
Use accessibile file formats such as PDFs that support screen readers and other accessibility tools
Design with logical structures and headings
When using hyperlinks use meaningful text or alt text
Use readable fonts and appropriately sized text
San serif fonts preferred
Ensure good contrast
Consider adding transcripts to any video content
Zoom a good option for auto-generated captioning
Link to AAEEBL page on accessibility in ePortfolios
Practical tips for ePortfolio accessibility
Selecting Readable Fonts
Selecting Readable Fonts
Select simple fonts that are easily read. San serif fonts are preferred to serif fonts.
Ex: This vs This
Click on the image above to view more information on readable fonts
Zoom Captioning
Zoom Captioning
When recording on zoom, turn the captioning on and the transcritp will be saved.
If using pre-existing video, try to find one with captioning already included.
If no captioning availible, consider using a text-to-speech program to create captions in a low involvement manner.
(Speechtexter is a good free option, click here to try out Speechtexter)
Navigation
Navigation
Site Interconnectedness
Site Interconnectedness
Site navigation can also aid in a site interconnectedness, which refers to a sense of connection between different section of your ePortfolio. Effective ePortfolios are rarely linear experiences. By adding site navigation, your ePortolfio becomes self-referential and more of a web rather than a path.
Reminder: Internal Navigation Hyperlinks
Reminder: Internal Navigation Hyperlinks
Link to pages within the ePortfolio
Provides navigation to ePortfolio
Allows for link to sections when referencing to connect areas of internal redundancy in your ePortfolio
Site Navigation
Site Navigation
Site navigation uses internal hyperlinks to promote connectivity within your ePortfolio and add to the navigability of the site. This makes your ePortfolio feel more complete and interconnected, while also making the site easier to use.
Examples of site navigation:
Table of Contents
Menu Bar
Interactive navigation throughout site
Example of site navigation: Table of contents
Want more help?
Want more help?
Both the Writing Center and the ePortfolio studio offer provide assistance with ePortfolios!
The ePortfolio studio offers in-person and virtual consultation appointments with student ePortfolio experts. Any format, any course, almost any time, and at no cost! If you don't know where to start, schedule your appointment ASAP. Whether your stuck on a draft you don't love or starting from scratch, the ePortfolio studio can help.
Page updated
Report abuse