Empowering every user – semantics in design

Handouts

Scheduled at 9:00 am in Virtual D on Friday, November 15.

Speaker(s)

• Nilmani Kumar, Mr., Thoughtworks

Session Details

• Length of Session: 1-hr
• Format: Lecture
• Expertise Level: All Levels
• Type of session: General Conference

Summary

This presentation explores the core concepts of semiotics—syntax, pragmatics, and semantics—and their role in creating accessible designs. We will guide you through designing semantically accessible elements for iOS and web, emphasizing the importance of adhering to established principles and guidelines

Abstract

Semantics is the foundational layer of semiotics, which also includes syntax and pragmatics. Syntax establishes the structural framework of information, ensuring that elements are organized in a coherent and logical manner. Pragmatics, on the other hand, deals with the interpretation of this information, considering the context and the intended meaning. Together, these aspects culminate in the semantics of the information, which is the meaningful and accessible presentation of content.

This session will take you on a comprehensive journey to create semantically accessible elements for both iOS and the web. Often, in the rush of the design process, we neglect established principles and guidelines, which can undermine the semantic integrity of our components and elements. Over-customization, while visually appealing, can lead to components that are not semantically accessible. Hence, it is essential to embed the principles of semiotics—syntax, pragmatics, and semantics—into every stage of design.

We will explore how to properly annotate and document features for keyboard and screen reader accessibility. Keyboard accessibility ensures that all functions can be performed without a mouse, which is crucial for users with motor impairments. Screen reader accessibility allows visually impaired users to interact with your content through audio feedback. Proper annotation and documentation of these features are vital to creating an inclusive user experience.

Incorporating semantics into the design system from the beginning can greatly reduce the costs and efforts associated with retrofitting accessibility features at later stages. This proactive approach ensures that accessibility is a fundamental aspect of the design process, rather than an afterthought. We will cover how to document accessibility guidelines within your design system, providing clear instructions for maintaining semantic integrity throughout the lifecycle of your project.

Keypoints

1. Annotating and documenting keyboard and screen reader accessibility
2. Integrating semantic principles into your design system to avoid costly retrofitting
3. Adopting a holistic approach to ensure all components work together for a fully accessible user experience

Disability Areas

All Areas

Topic Areas

Assistive Technology, Uncategorized, Web/Media/App Access

Speaker Bio(s)

Nilmani Kumar

I am Nilmani Kumar, currently holding the role of Senior UX Consultant at ThoughtWorks, bringing over 9 years of industry expertise. My journey has revolved around immersive UX design, where I've passionately crafted meaningful user experiences. With a foundation in design, I am particularly intrigued by the exploration of accessibility within the design landscape. I derive immense satisfaction from delving into literature and educational avenues, continuously enriching my knowledge to ensure inclusivity in design for all users.

Handout(s)

• Empowering every user – semantics in design