Recent Posts
Archives

Posts Tagged ‘Accessibility’

PostHeaderIcon [DevoxxFR2026] Invisible Disabilities: Making Meetings Accessible Starts with Simple Practices (and AI Helps)

Lecturer

Anaïs Moulin is a Product Owner at Ippon Technologies with nearly five years of experience. As a person with hearing impairment, she brings firsthand insight into accessibility challenges in professional environments and advocates for inclusive practices using both human-centered approaches and AI tools.

Abstract

Meetings that drag on, lost information, and mental fatigue affect many participants, particularly those with invisible disabilities. Anaïs Moulin shares immediately applicable techniques for making daily standups, team meetings, and conferences more accessible. Combining proven facilitation methods with AI-powered tools for transcription, subtitling, and summarization, she demonstrates how small adjustments significantly improve inclusion and productivity. Based on her experience as a hearing-impaired Product Owner, the talk illustrates that accessibility enhances overall meeting quality for everyone.

The Prevalence and Impact of Invisible Disabilities in Professional Settings

According to French disability statistics, over nine million people live with invisible disabilities—one in seven individuals. These include sensory impairments, neurodivergence, chronic illnesses, and more. In workplace meetings, participants frequently encounter barriers: information delivered solely verbally, poor acoustics in open spaces, lack of visual aids, and insufficient opportunities for alternative participation.

Such obstacles lead to missed details, increased cognitive load, stress, and disengagement. The problem extends beyond those with diagnosed conditions—fatigue, language barriers, or suboptimal environments affect broad audiences. Making meetings inclusive benefits the entire team by improving information retention and collective understanding.

Common Obstacles in Everyday Meetings

Verbal-only delivery of critical information poses immediate challenges for hearing-impaired individuals and those with different memory preferences. Noisy environments, such as open-plan offices with adjacent meeting rooms, compound difficulties in focusing and comprehending speech. The absence of real-time tools for following discussions—chat, transcription, or shared visuals—further excludes participants. Finally, dominant speaking patterns that fail to include everyone reduce engagement and motivation.

These issues are not insurmountable. Simple, low-effort changes can transform meeting dynamics.

Actionable Checklist for Inclusive Meetings

Preparation forms the foundation. Sharing agendas, objectives, and supporting documents in advance allows participants to familiarize themselves with content and arrive mentally ready. Visual supports—shared backlogs, diagrams, or live demonstrations—provide reference points that complement verbal explanations.

During meetings, structured speaking turns ensure everyone has opportunities to contribute. Speakers should maintain a moderate pace, clear articulation, and direct engagement with all attendees. Offering alternatives to verbal participation, such as chat contributions or emoji reactions, accommodates different comfort levels.

Technical setup matters significantly. Ensure quality microphones, proper camera positioning for lip-reading support, and reliable audio sources. Post-meeting summaries with action items create a shared record, reducing reliance on real-time comprehension alone.

These practices require minimal additional effort yet yield substantial improvements in clarity and inclusion.

Leveraging AI Tools to Enhance Accessibility

Modern AI capabilities remove many traditional barriers without significant overhead. Platforms like Microsoft Teams and Google Meet offer real-time subtitling that aids comprehension in noisy or multilingual settings. Transcription features in tools such as Notion or dedicated services capture discussions for later review.

NotebookLM enables users to upload meeting recordings or documents and generate concise summaries or even podcast-style explanations tailored to specific needs. Large language models can challenge draft summaries for completeness or suggest overlooked discussion angles.

These tools complement human practices rather than replace them. For instance, combining live subtitling with visual agendas creates multiple pathways to the same information.

Broader Applications and Measurable Benefits

The same principles apply beyond internal meetings to conferences and external presentations: clear slides, subtitles, moderated pacing, and interaction opportunities. Teams adopting these approaches report faster alignment, fewer misunderstandings, and higher overall productivity.

Accessibility should be considered from project inception, involving product owners, designers, developers, and testers. Treating it as an afterthought increases costs and reduces effectiveness. When implemented thoughtfully, inclusive practices benefit not only those with disabilities but enhance communication for the entire organization.

Conclusion

Creating accessible meetings requires neither complex overhauls nor specialized expertise. Through preparation, mindful facilitation, visual supports, and strategic use of AI assistance, teams can foster environments where information flows effectively to everyone. Small, consistent adjustments compound into significant improvements in collaboration quality and inclusivity. As remote and hybrid work persists, these practices become essential components of effective teamwork.

Links:

PostHeaderIcon [RivieraDev2025] Julien Sulpis – What is Color? The Science Behind the Pixels

Julien Sulpis took the Riviera DEV 2025 stage to unravel the science of color, blending biology, physics, and technology to explain the quirks of digital color representation. His presentation demystified why colors behave unexpectedly across platforms and introduced modern color spaces like OKLAB and OKLCH, offering developers tools to create visually coherent interfaces. Julien’s approachable yet rigorous exploration provided actionable insights for enhancing user experience through better color management.

Understanding Color: From Light to Perception

Julien began by defining color as light, an electromagnetic wave with wavelengths between 400 and 700 nanometers, visible to the human eye. He explained how retinal cells—rods for low-light vision and cones for color perception—process these wavelengths. Three types of cones, sensitive to short (blue), medium (green), and long (yellow-orange) wavelengths, combine signals to create the colors we perceive. This biological foundation sets the stage for understanding why digital color representations can differ from human perception.

He highlighted common issues, such as why yellow appears brighter than blue at equal luminosity or why identical RGB values (e.g., green at 0, 255, 0) look different in Figma versus CSS. These discrepancies stem from the limitations of color spaces and their interaction with display technologies, prompting a deeper dive into digital color systems.

Color Spaces and Their Limitations

Julien explored color spaces like sRGB and P3, which define the range of colors a device can display within the CIE 1931 chromaticity diagram. sRGB, the standard for most screens, covers a limited portion of visible colors, while P3, used in modern devices like Macs, offers a broader gamut. He demonstrated how the same RGB code can yield different results across these spaces, as seen in his Figma-CSS example, due to calibration differences and gamut mismatches.

The talk addressed how traditional notations like RGB and HSL fail to account for human perception, leading to issues like inconsistent contrast in UI design. For instance, colors on a chromatic wheel may appear mismatched in brightness, complicating efforts to ensure accessibility-compliant contrast ratios. Julien emphasized that understanding these limitations is crucial for developers aiming to create consistent and inclusive interfaces.

Modern Color Spaces: OKLAB and OKLCH

To address these challenges, Julien introduced OKLAB and OKLCH, perception-based color spaces designed to align with how humans see color. Unlike RGB, which interpolates colors linearly, OKLAB and OKLCH ensure smoother transitions in gradients and palettes by accounting for perceptual uniformity. Julien demonstrated how CSS now supports these spaces, allowing developers to define gradients that maintain consistent brightness and contrast, enhancing visual harmony.

He showcased practical applications, such as using OKLCH to create accessible color palettes or interpolating colors in JavaScript libraries. These tools simplify tasks like ensuring sufficient contrast for text readability, a critical factor in accessible design. Julien also addressed how browsers handle unsupported color spaces, using tone mapping to approximate colors within a device’s gamut, though results vary by implementation.

Practical Applications for Developers

Julien concluded with actionable advice for developers, urging them to leverage OKLAB and OKLCH for more accurate color calculations. He recommended configuring design tools like Figma to match target color spaces (e.g., sRGB for web) and using media queries to adapt colors for displays supporting wider gamuts like P3. By understanding the science behind color, developers can avoid pitfalls like inconsistent rendering and create interfaces that are both aesthetically pleasing and accessible.

He also encouraged experimentation with provided code samples and libraries, available via a QR code, to explore color transformations. Julien’s emphasis on practical, perception-driven solutions empowers developers to enhance user experiences while meeting accessibility standards.

PostHeaderIcon [NDCOslo2024] Accessibility by Everyone (and for Everyone) – Amy Kapernick

In an epoch where digital dominion dictates daily discourse, Amy Kapernick, a foremost accessibility advocate and consultant, issues an imperative: inclusivity as imperative, not afterthought. With a crusade rooted in user experience and universal design, Amy exposes the exclusions etched into everyday interfaces, advocating for architectures that accommodate all, from the able-bodied to the impaired. Her discourse, dynamic with demonstrations and data, democratizes accessibility, declaring it a collective charge that enriches existence universally.

Amy acknowledges her last-minute logistics—audio absent, yet ardor undimmed—yet plunges into profundity: technology’s ubiquity underscores urgency, as 1.2 billion with disabilities confront barriers baked into bytes. She shatters stereotypes: accessibility aids all—temporary tribulations like fractured limbs or fractured focus benefit from barrier-free builds.

Universal Usability: Beyond Barriers to Broader Benefits

Accessibility, Amy avows, amplifies agency: screen readers summon sightless surfers to seas of content, captions convey clarity amid clamor, alt text unveils visuals to the visionless. Her hierarchy of harmony: POUR principles—Perceivable, Operable, Understandable, Robust—guide guardians toward grandeur.

Amy animates with audits: color contrasts calibrated for chromatic challenges, keyboard cascades for motor maladies, semantic structures for scanner scrutiny. Overlays, she ostracizes: ostensible panaceas that exacerbate, overriding user overrides and inviting incursions.

Collective Custodianship: Crafting Change Collaboratively

Everyone, Amy emphasizes, owns obligation: developers discern deficits, designers dream diversely, managers mandate metrics. Her mosaic: small strides—semantic tags, focus indicators—sum to seismic shifts, serving seniors, multitaskers, multilinguals.

Resources ripple: her repository at capesa11y.com, a cornucopia of checklists and courses, catalyzes competence. Amy’s axiom: inaccessibility isolates, accessibility integrates—elevating equity in an equitable ether.

Links:

PostHeaderIcon [PHPForumParis2021] Front-End Quality: Why It’s Also the Backend Developer’s Job – Martin Supiot & Élie Sloïm

Martin Supiot and Élie Sloïm, experts in web quality, delivered a compelling joint presentation at Forum PHP 2021, arguing that backend developers play a critical role in ensuring front-end quality. Representing Opquast, Élie, a pioneer in web quality standards, and Martin, a former AFUP treasurer, emphasized the interconnectedness of front-end and backend development. Their talk provided practical strategies for improving user experience through collaboration. This post explores four themes: shared responsibility, enhancing user empathy, optimizing error handling, and avoiding third-party dependencies.

Shared Responsibility

Martin Supiot and Élie Sloïm opened by challenging the siloed mindset of front-end versus backend development. They argued that backend developers, through their work on APIs and data processing, directly impact front-end performance and accessibility. Drawing on Opquast’s quality checklist, Élie and Martin highlighted how backend choices, like efficient API responses, influence user experience. Their collaborative approach at Opquast underscores the need for cross-functional teamwork to deliver high-quality web applications.

Enhancing User Empathy

A central theme was fostering empathy for users, particularly those with limited technical capabilities. Martin and Élie stressed that backend developers must consider how their code affects user interactions, such as ensuring clear error messages or accessible data formats. By prioritizing user needs, developers can create inclusive applications. Élie’s work with Opquast’s guidelines provides a framework for backend developers to align their work with user-centric front-end outcomes, enhancing overall usability.

Optimizing Error Handling

The duo emphasized the importance of thoughtful error handling, such as personalized 404 and 403 pages, to guide users effectively. Martin explained that a generic error page might lead users to blame their connection, whereas a well-crafted response provides clarity. While 500 errors are harder to test, Élie and Martin advocated for backend systems that deliver meaningful feedback, ensuring users remain engaged rather than frustrated, a principle rooted in Opquast’s focus on quality assurance.

Avoiding Third-Party Dependencies

Concluding their talk, Martin and Élie cautioned against relying solely on third-party authentication systems like Google or Facebook. They noted that such dependencies can exclude users without accounts, potentially losing 30% of a site’s audience. By designing backend systems that support independent authentication, developers can enhance accessibility and inclusivity. This approach, informed by Opquast’s best practices, ensures that backend decisions prioritize user access and engagement.

Links:

PostHeaderIcon [DotCSS2018] DotCSS 2018: Mandy Michael – Variable Fonts Ushering in Typographic Horizons

Mandy Michael, an innovative front-end developer renowned for her CSS artistry, illuminated the transformative promise of variable fonts at DotCSS 2018. As a self-proclaimed tinkerer rather than a traditional designer, she demonstrates how these fonts transcend mere efficiency, unlocking realms of adaptive, interactive typography that harmonizes with the web’s fluidity. Michael’s discourse blends practical gains with visionary applications, positioning variable fonts as harbingers of a more nuanced digital vernacular.

Streamlining Performance While Amplifying Flexibility

Michael demystifies variable fonts as singular files encapsulating myriad styles, where traditional suites demand separate downloads for each weight or variant. Forged by designers via interpolable axes—spanning weight, width, or slant—these fonts grant granular access to intermediary values, from 100 to 900 in 1-unit increments. This continuum facilitates seamless animations, unmarred by the jarring leaps of static counterparts.

Browser compatibility, she assures, is robust across majors, with macOS High Sierra as the sole caveat for Firefox users. Performance perks shine in comparisons: Adobe’s Source Sans variable edition clocks in at 394 KB for exhaustive coverage, dwarfing the 924 KB aggregate of its static kin—even pruned selections. A lone network call supplants cascades of requests, synergizing with HTTP/2 for swifter loads. Yet, beyond bandwidth thrift, variable fonts liberate creativity; their slimmer profiles embolden bolder experimentation without fiscal remorse.

Michael illustrates with bespoke text effects—slimy oozes via Chi by Fontself or vanishing shadows in Dec—where axes morph glyphs in real-time, rendering editable, screen-reader-friendly prose that supplants cumbersome images or canvases.

Adaptive Typography for Inclusive, Dynamic Experiences

The true alchemy of variable fonts, per Michael, resides in environmental responsiveness. Axes like optical size or grade adjust legibility across devices—from wristworn smartwatches to expansive projectors—ensuring hierarchy endures. Scroll-triggered swells in Chi or proximity-based sizing via Sensor API exemplify this; fonts now converse with context, elevating readability in dim alcoves or glaring outdoors.

Emerging CSS media queries, such as prefers-color-scheme: dark, further this dialogue. Michael’s demo toggles oozing text in shadowed modes, blending transitions for intuitive shifts. Audio-responsive variants, attuned to vocal inflections, hint at conversational interfaces for voice assistants, visually encoding tone sans verbosity.

Accessibility amplifies: interpolated contrasts mitigate low-vision strains, while dynamic weights enhance scannability. Michael envisions fonts as APIs, manipulable by JavaScript for user-centric tweaks—be it luminance detection or gestural inputs. Though nascent, these facets dissolve erstwhile constraints, where performance once curbed flair. Now, content’s essence—its rhythm, intent—guides form, fusing print’s poise with web’s interactivity. As Michael avows, this epoch invites developers to sculpt purposeful, performant narratives, unhindered by yesteryear’s shackles.

Links:

PostHeaderIcon [DotCSS2018] DotCSS 2018: Fabien Zibi – Prioritizing Semantic Order in Markup

Fabien Zibi, an accessibility champion with a keen eye for structural integrity, presented a cautionary tale at DotCSS 2018 on the perils of CSS-orchestrated reordering. Analogizing to George Lucas’s nonlinear Star Wars saga, he warns against scripting HTML in defiance of perceptual flow, advocating for markup that stands resilient, styled or stripped. Zibi’s concise admonition bridges styling prowess with equitable reading paths, ensuring assistive technologies mirror visual intent.

The Trap of Layout-Driven Markup

Zibi spotlights CSS Grid’s grid-area as a seductive snare, where named slots tempt authors to scatter content chronologically—say, Star Wars episodes in production sequence—only to reshuffle via styles for release chronology. This sleight, while visually adroit, fractures linear traversal: tabbing or screen reader sweeps adhere to source order, stranding users in narrative disarray.

His exemplar unfolds a gallery of film posters: initial HTML aligns with timeline genesis (Episodes IV-VI preceding prequels), mapped to grid slots via grid-area: movie-one. A stylistic pivot—reassigning areas to broadcast precedence—inverts display sans amending markup, yielding a facade of coherence atop navigational chaos. Keyboard focus leaps erratically, and vocal synthesizers recite anachronisms, eroding trust and efficiency.

Zibi stresses that CSS’s layout lexicon, potent as it is, must defer to HTML’s declarative primacy. Robust documents, he contends, derive meaning intrinsically, unyielding to visual whims— a principle fortifying not just accessibility but future-proof adaptability across devices and parsers.

Forging Resilient, Intent-Aligned Structures

To circumvent such pitfalls, Zibi implores authoring in the precise sequence of consumption: chronological for timelines, hierarchical for documents. This semantic fidelity ensures assistive flows—be they auditory or sequential—echo cognitive journeys, irrespective of stylistic interventions.

Even as Grid and Flexbox liberate from float follies, vigilance persists; properties like order in flex contexts pose analogous risks, demanding source-order primacy. Zibi’s ethos resonates universally: CSS embellishes, but HTML narrates. By embedding intent in markup’s marrow, creators safeguard inclusivity, transforming potential fractures into seamless continuums.

Links:

PostHeaderIcon [DevoxxBE2012] The Advantage of Using REST APIs in Portal Platforms to Extend the Reach of the Portal

Rinaldo Bonazzo, a seasoned IT professional with extensive experience in project management and technology evangelism for Entando, highlighted the strategic benefits of integrating REST APIs into portal platforms during his presentation. Rinaldo, who has led initiatives in sectors like animal health and European community projects, emphasized how Entando, an open-source Java-based portal, leverages REST to facilitate seamless data exchange across diverse systems and devices.

He began by outlining Entando’s capabilities as a comprehensive web content management system and framework, enabling developers to build vertical applications efficiently. Rinaldo explained the decision to adopt JSR-311 (now part of Java EE 6) for RESTful services, which allows Entando to connect with external clients effortlessly. This approach minimizes development effort, as REST standardizes interactions using lightweight protocols like JSON or XML, making integration with web clients, smartphones, and tablets straightforward.

In a practical demonstration, Rinaldo showcased creating a service to publish open data across multiple devices. He illustrated how REST APIs provide a base URI for accessing resources, such as content, images, or entities, without the overhead of more complex protocols. This not only accelerates development but also ensures that portals can reach beyond traditional boundaries, fostering broader adoption within organizations.

Rinaldo stressed the importance of REST in modern architectures, where portals must interact with sensors, mobile apps, third-party services like BI tools or CRM systems, and even legacy applications. By collecting data from various sources—such as IoT devices in smart cities or user inputs from mobile forms—Entando exposes this information uniformly, supporting web browsers, extranets, and accessibility features for users with disabilities.

He shared real-world examples from Entando’s deployments, including portals for the Italian Civil Defense Department and the Ministry of Justice. These implementations prioritize accessibility, ensuring compliance with standards that allow visually impaired users to access content. Rinaldo pointed to the municipality of Cerea’s open data initiative, where REST APIs enable developers to retrieve resources like georeferenced data or submit requests via mobile apps, demonstrating practical extensions of portal functionality.

Furthermore, Rinaldo discussed security aspects, noting Entando’s use of OAuth for authorization, which secures API access with tokens. This ensures safe data exchange while maintaining openness.

Overall, Rinaldo’s insights underscored how REST APIs transform portals from isolated systems into interconnected hubs, enhancing reach and utility. By adhering to established standards, developers can innovate rapidly, integrating portals with emerging technologies and meeting diverse user needs effectively.

Extending Portal Functionality Through Integration

Rinaldo elaborated on the architectural advantages, where REST enables portals to act as central data aggregators. For instance, in smart city applications, APIs collect sensor data for traffic management, which portals then process and disseminate. Similarly, mobile integrations allow direct content insertion, as seen in Maxability’s iPhone app for Entando, where users submit georeferenced photos that portals geolocate and manage.

He highlighted government successes in Italy, where Entando’s portals support critical operations while ensuring inclusivity. Features like API documentation pages, as in Cerea’s developer portal, provide clear guidance on endpoints, methods, and parameters, lowering barriers for external developers.

Rinaldo concluded by inviting engagement with Entando’s community, reinforcing that REST not only extends reach but also promotes collaborative ecosystems. His presentation illustrated a shift towards open, extensible platforms that adapt to evolving digital landscapes.

Links: