Loading...
Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio
Journal Title
Keywords
Accessibility
Digital age
Web design
Web development
Website builders
Site builders
Wix
Squarespace
Weebly
Carrd.co
GeoCities
Bootstrap
Templates
Adobe
Adobe Portfolio
Portfolio
Website
HTML
HTML5
CSS
CSS3
JavaScript
D3.js
Employability
Capstone
Display elements
Design principles
Principles of design
Visual guidance
Hierarchy
Typeface
Fonts
Visually appealing
Visual appeal
Case study
Evaluation tools
Contrast
Alt text
Decorative
Screen readers
Hardware
Assistive technology
Clarity
Style
Optical perception
Thumbnails
Engaging design
Spreadsheets
Spreadsheet data
Dynamic content
Dynamic loading
Dynamically loaded content
Gallery
Categorization
Categorization methods
Separation
Separation of content
Backend
Coding
Web code
Creative expression
GitHub
GitHub pages
Color palette
Graphics
Graphic design
Article design
Page design
Layouts
Layout design
Animation
Feedback
Reduced motion
Tab key
Tab key navigation
Tab navigation
Keyboard
Keyboard navigation
Navigation
Navigation features
Information density
Optimization
JavaScript functions
Responsivity
Responsive design
Mobile websites
Digital age
Web design
Web development
Website builders
Site builders
Wix
Squarespace
Weebly
Carrd.co
GeoCities
Bootstrap
Templates
Adobe
Adobe Portfolio
Portfolio
Website
HTML
HTML5
CSS
CSS3
JavaScript
D3.js
Employability
Capstone
Display elements
Design principles
Principles of design
Visual guidance
Hierarchy
Typeface
Fonts
Visually appealing
Visual appeal
Case study
Evaluation tools
Contrast
Alt text
Decorative
Screen readers
Hardware
Assistive technology
Clarity
Style
Optical perception
Thumbnails
Engaging design
Spreadsheets
Spreadsheet data
Dynamic content
Dynamic loading
Dynamically loaded content
Gallery
Categorization
Categorization methods
Separation
Separation of content
Backend
Coding
Web code
Creative expression
GitHub
GitHub pages
Color palette
Graphics
Graphic design
Article design
Page design
Layouts
Layout design
Animation
Feedback
Reduced motion
Tab key
Tab key navigation
Tab navigation
Keyboard
Keyboard navigation
Navigation
Navigation features
Information density
Optimization
JavaScript functions
Responsivity
Responsive design
Mobile websites
Readers/Advisors
Journal Title
Term and Year
Fall 2022
Publication Date
2022-12
Book Title
Publication Volume
Publication Issue
Publication Begin
Publication End
Number of pages
Research Projects
Organizational Units
Journal Issue
Abstract
In this work, I have expanded upon a digital portfolio that I had created from scratch. This
improved digital portfolio encompasses several methods of allowing for accessibility and easier
navigation of the content within it. This was done through the creation of new features such as a
landing page, prevalent ALT text, reduced motion toggles, buttons which filter portfolio content
by categories, search functionality, tab key navigation, and more. Improving the visual
presentation was also a focus, which is reflected through responsive layouts for mobile users,
animated background graphics, and the revising of the portfolio’s visual hierarchy.
Despite the existence of website builders, I have come to the conclusion that self-coding
your own website allows you to express yourself beyond the content you upload to it. With
enough dedication and alacrity to learn the basics of coding within HTML, CSS, and JavaScript,
developers can create their own designs that convey their unique personalities. My revised
website can be found at https://zuchr.github.io/, and seeks to serve as an example of that
dedication and expression.
Citation
Zuch, R. (2022). Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio. SUNY Polytechnic Institute.