Applying Navigability & Accessibility to a Self-Coded Digital Interactive Portfolio
Keyword
AccessibilityDigital age
Web design
Web development
Website builders
Site builders
Wix
Squarespace
Weebly
Carrd.coGeoCitiesBootstrapTemplatesAdobeAdobe PortfolioPortfolioWebsiteHTMLHTML5CSSCSS3JavaScriptD3.jsEmployabilityCapstoneDisplay elementsDesign principlesPrinciples of designVisual guidanceHierarchyTypefaceFontsVisually appealingVisual appealCase studyEvaluation toolsContrastAlt textDecorativeScreen readersHardwareAssistive technologyClarityStyleOptical perceptionThumbnailsEngaging designSpreadsheetsSpreadsheet dataDynamic contentDynamic loadingDynamically loaded contentGalleryCategorizationCategorization methodsSeparationSeparation of contentBackendCodingWeb codeCreative expressionGitHubGitHub pagesColor paletteGraphicsGraphic designArticle designPage designLayoutsLayout designAnimationFeedbackReduced motionTab keyTab key navigationTab navigationKeyboardKeyboard navigationNavigationNavigation featuresInformation densityOptimizationJavaScript functionsResponsivityResponsive designMobile websites
Term and Year
Fall 2022Date Published
2022-12Metadata
Show full item recordAbstract
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.Related items
Showing items related by title, author, creator and subject.
-
TITLE OPTIONS Navigating Dimensions A Process of Identity Lost In Space Navigating Identity Traveling Without Moving Art, Technology, and IdentityBy Zahra Lahrache Submitted to the Painting and Drawing Department School of Art +Design In partial fulfillment of the requirements for the degree of Bachelor of Fine Arts Purchase College State University of New York December 2021 Sponsor: Wells Chandler Second Reader: Gaby Collins-Fernandez
-
Designing a Mobile Application for Small Business Use in Strengthening Customer RelationsThe goal of this thesis and the accompanying mobile application prototype is to conceptualize and design a mobile application for small businesses that would allow these organizations to bridge the technological and communication gap outlined in this document. The resulting application, once fully developed, would also allow business owners to better connect with their customers by offering a service designed to manage customer data and provide incentives for recurring visits. The research outlined in this document focuses on addressing the current issues regarding the aforementioned technological gap, as well as providing ideal design methods in order to create a more effective user interface and subsequent digital service.
-
Introduction to Fiber Optics for the New Technician: An Online CourseThis paper explores the intricacies of designing high-quality online courses, with a specific focus on examining instructional design elements used in the creation of the online course "Introduction to Fiber Optics for the New Technician." It reviews existing frameworks, models, standards, and rubrics, differentiating between those offering conceptual guidance and those providing best practices through detailed specifications. The review begins with examining the Five-Star Teaching Cycle Framework of Online Courses, integrating Merrill's First Principles of Instruction and the e3 teaching concept for efficiency, effectiveness, and engagement. Then onto standards and rubrics from systems like the SUNY Online Course Quality Review Rubric (OSCQR), Online Course Design Elements (OCDE), and Quality Matters (QM) are embraced and adjusted to suit an occupational setting. The methodology section outlines the approach, drawing from methods such as chunking, scaffolding, narrative structure, and modular course design. Course mapping, employing backward design principles, is emphasized as a pivotal method for identifying learning objectives, assessments, and instructional materials. The interplay of chunking, scaffolding, narrative structure, and modular course design is explored as integral components contributing to a well-structured and engaging learning experience. Implementing these principles and methods has resulted in the development of a learner-centered online course in fiber optics.
