Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio
dc.contributor.advisor | Jofre, Ana | |
dc.contributor.advisor | Lizardi, Ryan | |
dc.contributor.author | Zuch, Robert | |
dc.date.accessioned | 2023-07-11T13:16:09Z | |
dc.date.available | 2023-07-11T13:16:09Z | |
dc.date.issued | 2022-12 | |
dc.identifier.citation | Zuch, R. (2022). Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio. SUNY Polytechnic Institute. | en_US |
dc.identifier.uri | http://hdl.handle.net/20.500.12648/10433 | |
dc.description.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. | en_US |
dc.language.iso | en_US | en_US |
dc.publisher | SUNY Polytechnic Institute | en_US |
dc.subject | Accessibility | en_US |
dc.subject | Digital age | en_US |
dc.subject | Web design | en_US |
dc.subject | Web development | en_US |
dc.subject | Website builders | en_US |
dc.subject | Site builders | en_US |
dc.subject | Wix | en_US |
dc.subject | Squarespace | en_US |
dc.subject | Weebly | en_US |
dc.subject | Carrd.co | en_US |
dc.subject | GeoCities | en_US |
dc.subject | Bootstrap | en_US |
dc.subject | Templates | en_US |
dc.subject | Adobe | en_US |
dc.subject | Adobe Portfolio | en_US |
dc.subject | Portfolio | en_US |
dc.subject | Website | en_US |
dc.subject | HTML | en_US |
dc.subject | HTML5 | en_US |
dc.subject | CSS | en_US |
dc.subject | CSS3 | en_US |
dc.subject | JavaScript | en_US |
dc.subject | D3.js | en_US |
dc.subject | Employability | en_US |
dc.subject | Capstone | en_US |
dc.subject | Display elements | en_US |
dc.subject | Design principles | en_US |
dc.subject | Principles of design | en_US |
dc.subject | Visual guidance | en_US |
dc.subject | Hierarchy | en_US |
dc.subject | Typeface | en_US |
dc.subject | Fonts | en_US |
dc.subject | Visually appealing | en_US |
dc.subject | Visual appeal | en_US |
dc.subject | Case study | en_US |
dc.subject | Evaluation tools | en_US |
dc.subject | Contrast | en_US |
dc.subject | Alt text | en_US |
dc.subject | Decorative | en_US |
dc.subject | Screen readers | en_US |
dc.subject | Hardware | en_US |
dc.subject | Assistive technology | en_US |
dc.subject | Clarity | en_US |
dc.subject | Style | en_US |
dc.subject | Optical perception | en_US |
dc.subject | Thumbnails | en_US |
dc.subject | Engaging design | en_US |
dc.subject | Spreadsheets | en_US |
dc.subject | Spreadsheet data | en_US |
dc.subject | Dynamic content | en_US |
dc.subject | Dynamic loading | en_US |
dc.subject | Dynamically loaded content | en_US |
dc.subject | Gallery | en_US |
dc.subject | Categorization | en_US |
dc.subject | Categorization methods | en_US |
dc.subject | Separation | en_US |
dc.subject | Separation of content | en_US |
dc.subject | Backend | en_US |
dc.subject | Coding | en_US |
dc.subject | Web code | en_US |
dc.subject | Creative expression | en_US |
dc.subject | GitHub | en_US |
dc.subject | GitHub pages | en_US |
dc.subject | Color palette | en_US |
dc.subject | Graphics | en_US |
dc.subject | Graphic design | en_US |
dc.subject | Article design | en_US |
dc.subject | Page design | en_US |
dc.subject | Layouts | en_US |
dc.subject | Layout design | en_US |
dc.subject | Animation | en_US |
dc.subject | Feedback | en_US |
dc.subject | Reduced motion | en_US |
dc.subject | Tab key | en_US |
dc.subject | Tab key navigation | en_US |
dc.subject | Tab navigation | en_US |
dc.subject | Keyboard | en_US |
dc.subject | Keyboard navigation | en_US |
dc.subject | Navigation | en_US |
dc.subject | Navigation features | en_US |
dc.subject | Information density | en_US |
dc.subject | Optimization | en_US |
dc.subject | JavaScript functions | en_US |
dc.subject | Responsivity | en_US |
dc.subject | Responsive design | en_US |
dc.subject | Mobile websites | en_US |
dc.title | Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio | en_US |
dc.title.alternative | A Master’s Thesis Presented to School of Arts & Sciences In Partial Fulfillment of the Requirements for the Master of Science Degree | en_US |
dc.type | Masters Thesis | en_US |
dc.description.version | NA | en_US |
refterms.dateFOA | 2023-07-11T13:16:10Z | |
dc.description.institution | SUNY Polytechnic Institute | en_US |
dc.description.department | Information Design + Technology | en_US |
dc.description.degreelevel | MS | en_US |
dc.date.semester | Fall 2022 | en_US |