In November 2024, I received an email from Andrew Bolton, the Curator in Charge at the Costume Institute at the Metropolitan Museum of Art, New York.

I first met Andrew in the restaurant at the Victoria and Albert Museum in London during the press preview of his touring exhibition, ‘Savage Beauty’. That was over 15 years ago, and in the time since, I have had the privilege of spending considerable time with Andrew and the wider team at the Costume Institute – always curious, always advocating, always learning. 

Andrew’s email read, “I’m working on our spring 2025 and spring 2026 exhibitions. The latter is focused on fashion and the aesthetics of embodiment. I’d love to speak with you about it at some point.” That email led to many, many conversations. 

Andrew Bolton kneels on one knee wearing a suit next to Sinéad Burke. They are both smiling at the camera.
Andrew Bolton and Sinéad Burke. Photography by Matteo Prandoni / BFA.com.

To rewind a little, The Costume Institute, is a curatorial department of the Met focused on fashion and costume design. And to rewind even further (this is relevant, I promise) the Costume Institute began its life called the Museum of Costume Art, a venture by Irene and Alice Lewisohn, as they worked in theatre and developed an archive of costume, set and stage design. The Costume Art Museum was expanded into the Met in 1946, but remained independently run until 1959, when it became a curatorial department.

From 1946 to now, the Costume Institute is solely responsible for fundraising to cover and fund the department’s operating expenses. It is the only curatorial department at the Met required to raise its own operating funds. The first Met Gala was designed and hosted in 1946 to fund these operating costs, and it has grown from there. 

The 'Costume Art' exhibition

The 2026 exhibition ‘Costume Art’ came through many iterations over that time, and is now open in the Condé Nast Galleries at the Met, celebrating seven types of body, including a section on the ‘Disabled Body’ and how it shows up in both fashion and art. 

Over the past 18 months, Tilting the Lens has been proud to support the Costume Institute with a number of key objectives:

  • Consulting on the curation of the ‘Disabled Body’
  • Consulting on the Costume Art catalogue
  • Training for the volunteer guides
  • Supporting greater accessibility at the exhibition’s private opening and fundraiser, the Met Gala. 

On a personal level, I also contributed to the exhibition via:

  • Participation in mannequin development, and 
  • Donating two pieces from my wardrobe to the Costume Institute’s permanent collection.

‘Costume Art’ is an exhibition that underscores the validity of fashion as art, if it was ever in question. It also demonstrates how, unlike many other forms, an argument could be made that fashion exceeds art, due to the transforming nature of embodiment. But what does this mean? In plainer terms, when a person wears fashion, it evolves from being an object, a piece or a garment, and becomes movement, and evolves based on the wearer. This is both what makes fashion art, and extends beyond it.

The Costume Institute has consistently explored the body and fashion, but this exhibition had two specific objectives: the first is to draw on the artistic endeavours of the Met’s other curatorial departments, creating a specific link between the Costume Institute’s collections, and more traditional work such as sculpture, fine art and more. The connecting tissue is the body. The abstract body, the Disabled body, the corpulent body, the inscribed body, the anatomical body, the aging body, the vital body, and the mortal body are centred in the Costume Institute connecting to relevant artworks and objects from across the museum.

The second objective was to increase the representation of bodies, and in turn, mannequins at the Costume Institute. In 2023, curator Mellissa Huber’s exhibition, “Women Dressing Women” commissioned a mannequin to be made of model, Aariana Rose Philip, and acquired the mannequin made of my body from Proportion London, first created for the Body Beautiful exhibition at the National Museums of Scotland. 

Inside the 2026 Met Exhibition: Costume Art | Vogue

The Mannequin

Back in 2018 the first mannequin of my body was made through a laborious casting process that took several days for the Body Beautiful exhibition. I had to stand still in one pose, as my body was covered in casting material to make a mould, to then make a mannequin. This is one of the first mannequins of a person with dwarfism to exist, and beyond Edinburgh it has also been on display in the V&A in London, the Met New York, and is about to be included in an exhibition at the V&A in Dundee. It has also acted as a canvas for young fashion designers creating adaptive collections, specifically for little people and those with dwarfism.

A key limitation of this mannequin was the inflexibility of the process and in turn, the pose. If a curator needed a mannequin to be positioned in a specific way, the flexibility and range was limited. For ‘Costume Art’, the Costume Institute sought to trial a different process that would give almost any option.

In August 2025, myself and Laia Cargol Martinez travelled to Brooklyn for ‘photogrammetry’ at New York Capture’s studio. Photogrammetry is the science of obtaining reliable information about physical objects and the environment through the process of recording, measuring and interpreting photographic images and patterns of electromagnetic radiant imagery. In practice, it was a cylindrical machine, with cameras placed three inches apart, covering the entire surface area. There was a small space to step into, and in the centre, every part of your body was in the centre of a lens. 

A large cylindrical machine stands in an empty room. The machine has a hollow centre for a person to stand in. Around the walls of the machine are a number of lights and DSLR cameras to capture the subject.
Photogrammetry at New York Capture’s studio

It was an intimidating process. Standing in my underwear and a pair of shoes that didn’t fit, I was encouraged by the team at the Costume Institute to move my body into positions that could be used in this exhibition or a future one. Seeing your body from all angles and perspectives is an act of empowerment, but starts with the need to unpick, challenge, and silence the perspective that with bodies, there is a norm, an ideal, a desirability. We are all the norm, the ideal, and desirable.

With the scans complete, the artist Frank Benson transformed the imagery into “digital clay” and the mannequins were made by Bonaveri in Italy. For this exhibition, each mannequin has a mirror in place of a face, so that visitors can see themselves in the bodies, the garments and the objects. 

The Disabled Body

For Tilting the Lens to consult and support the development of this section of the exhibition was a significant challenge. Our remit began with the title of this thematic section. We were specific and explicit in our naming and referencing, as while the etymology of the words disability and disabled often focus on absence, lacking, or deficiency, we were clear that in our naming of the Disabled Body, it is an exercise in Disability Pride, and an act of continued reclamation. In naming this section ‘Disabled Body’ we wanted Disabled people to feel welcome, to be invited, and to see themselves in the pieces and objectives, and to challenge the absences that continue to exist. 

One exhibition alone cannot include all perspectives, all bodies, or all Disabled bodies. That continued exclusion cannot be excused. Instead, it must create an urgency for museums and cultural spaces to continue to invest, expand, partner, and collaborate.   

In ‘Disabled Body’ fashion objects and garments are paired with artworks and objects from other curatorial departments across the Met. This pairing of work creates opportunity for new conversations. For example, the exhibition features a four inch marble statue of a person with dwarfism from 332-150 BCE, made close to 2,300 years ago. The sculpture signifies the cultural honor of dwarves in ancient Egyptian society. It is paired with my mannequin, and a Vivienne Westwood t-shirt from 1978, worn as a dress on a little person’s body. Standing in front of the two pieces together, it provokes questions and thoughts – why in one artistic medium is this body-type visible and valued, and in another, that visibility came later, and remains rare? Disabled bodies often had a much earlier presence and prevalence in other artforms, than in fashion. 

For ‘Disabled Body’, Tilting the Lens researched design archives for disability-related collections, and lived experiences of designers. Throughout the curatorial process, we suggested key pieces, pairings and ensured that this section of the exhibition was as broad as possible. We also supported the framing and context of this section, ensuring that themes of disability rights, disability pride, and Disability Justice were centered. This practice extended to the exhibition catalogue too. ‘Disabled Body’ also pairs artworks like Street, a photograph by Nolan Trowe. It’s an image taken from a lower height, looking up at the display screen of the inside of an elevator. The screen reads “Street”.

Street is paired with a pair of Levi jeans made in partnership with the Disabled designer, Helen Cookman, and a denim jumpsuit by Lou Dehrot and Louise Linderoth. The jeans are presented on mannequins of Antwan Tolliver and Sonia Vera, both wheelchair users.

In the exhibition there is an image titled ‘Street’ by Nolan Trowe on the wall. It is paired with a pair of Levi jeans made in partnership with the Disabled designer, Helen Cookman, and a denim jumpsuit by Lou Dehrot and Louise Linderoth. The jeans are presented on mannequins of Antwan Tolliver and Sonia Vera, both wheelchair users.
The image titled ‘Street’ by Nolan Trowe is paired with a pair of Levi jeans made in partnership with the Disabled designer, Helen Cookman, and a denim jumpsuit by Lou Dehrot and Louise Linderoth. The jeans are presented on mannequins of Antwan Tolliver and Sonia Vera, both wheelchair users.

This section of the exhibition also features the Disabled designer, Sugandha Gupta, and features mannequins modelled from the bodies of Disabled models, Aariana Rose Philip and Aimée Mullins. It showcases designers, painters and sculptural works that reference Deafness, Blindness, physical disabilities, neurodivergence, and mental illness. It also reveals the gaps that exist in fashion with designers identifying as Disabled, and pathways for Disabled fashion designers to succeed. 

 

For transparency, Tilting the Lens has a scholarship programme with Parsons School of Design – The Parsons Disabled Fashion Student Programme is a fully-funded scholarship to create a pipeline of Disabled fashion talent. We are about to enrol our third cohort of students.

It’s likely that some people who will visit Costume Art, will not have a lot of prior knowledge about disability. The purpose of including the Disabled Body in this exhibition is to communicate that disability is part of the human experience. We are all likely to experience disability and a Disabled body, particularly if we have the fortune to age. Historically, to be Disabled, was to be less than others, to be worthy of pity or shame. Costume Art rejects these ideas and instead, honours the beauty and validity of the Disabled body.

Training for Volunteer Guides

The Costume Art exhibition will be on display until January 2027. A typical Costume Institute exhibition attracts somewhere between 300,000 and 750,000 visitors (WWD 2025) and the volunteer guides support those visitors with brilliant, informative and engaging tours. The guides go through a number of training sessions in preparation for the exhibition opening. 

Curators will often host a session about the objects in the exhibition, providing context for the chronology, the background rationale and how some objects came to be acquired. To support the guides in feeling greater confidence in discussing ‘Disabled Body’, Tilting the Lens designed and hosted a virtual training program.

The training covered: 

  • The models of disability; from eugenics to Disability Justice. With historical understanding of how and why disability is framed and considered, it helps us explain the current context and language. 
  • Disability terminology and avoiding euphemisms. This section of the exhibition is proudly called ‘Disabled Body’, and we wanted to ensure that guides felt confident using disability-first language, and equipped to explain why, if necessary.
  • An introduction to visual descriptions. The Met’s education and accessibility teams are excellent and they have put together a range of accessible programming and tours for Costume Art. But, if you’re a Blind person or someone with low vision, or if you’re a little person and at the back of a tour, brief, visual descriptions create a fairer experience as you move through the space.
  • Supporting guests’ access needs. Using potential visitor profiles, we practiced scenarios where the guides’ role was to remove barriers to support visitors through the space. If someone needs to sit and rest, how do we direct them and support them to come back to the tour? If a person is over-stimulated, where can they go to de-compress and feel more regulated? If a visitor is lip-reading, how should the guide present the tour in the most accessible way? 

The training was recorded and will hopefully be a useful tool for guides throughout the exhibition run. We know that one training session cannot cover all topics, and for training to be most useful, it has to be followed by action and practice. We will continue to be available to the guides for the duration of the exhibition for queries, and to help solve barriers and challenges as they arise.

The Met Gala

I have been advocating for a more accessible Met Gala for almost 20 years. The Met Gala is a fundraiser, a party, and over 80 years, has evolved to become a litmus test for who and what is accepted and valued in fashion. That can be both a positive and a negative, but for many Disabled people, particularly those with physical disabilities, climbing the steps to the Met Gala has always been inaccessible. It has meant that very few physically Disabled people have attended the Met Gala. To the best of our knowledge, it’s Aimée Mullins, and me. I attended the Met Gala once before in 2019.

If Disabled talent can’t access the red carpet and have their photo taken, it’s unlikely fashion brands will sponsor their ticket and invite them to the Gala. It’s a self-fulfilling prophecy.

So, why can’t we make it accessible? 

Challenges in built environment access

The steps at the front of the Met Museum were designed by Richard Morris Hunt in 1975. They replaced a narrower staircase and today, they are 13.5 feet high and 154 feet long. In 1986, The Met was designated a National Historic Landmark. There are approximately 2,500 National Historic Landmarks in the US, and in theory, they can be altered to be accessible, but under the Americans with Disabilities Act, historic and protected buildings do not have to be compliant if: the requirements for accessible routes (exterior and interior), ramps, entrances, or toilets would threaten or destroy the historic significance of the building or facility.” – US Access Board

I am not an architect, but I spend a lot of time with built environment experts, and at Tilting the Lens, moving beyond compliance in this space is one of our key services. I’ve always known that:

  • Any attempt to ramp the steps, (i.e. level a section of the steps to include a ramp), would potentially meet the threshold for ADA non-compliance. But even if it didn’t, the incline of a 13.5 feet high ramp would be too steep and too dangerous for a wheelchair-user. 
  • There is a handrail on either side of the far left and right of the steps. These rails are not robust enough to hold a stair lift and even if it were to work, this often isn’t a preferred solution. 
  • My suggestion has always been to extend the tent. Typically at the Met Gala, the width of the tent spans two city blocks; 82nd to 84th street. It covers an entry point, check-in and the stairs up to the main entrance. Yet, the Met has a step-free entrance on 81st street. It’s clearly labelled and used by visitors daily. Why can the tent not be extended to include the 81st street step-free entrance? Yes, Disabled guests will still not be able to climb the steps, it will not be an equal experience, but they will be able to attend and participate in the red carpet moment. 

An accessible entrance

In November 2025, I received an email from the team at Vogue that said they were once again putting together a small host committee who reflect the exhibition theme, and that “Anna is hoping to include you”.

I must admit, I didn’t respond straight away. 

I knew that this role was an opportunity to leverage change. I couldn’t be there if there wasn’t meaningful access. This was another opportunity to ask for what I and other people need. If you’ve ever received an email from me, you’ll know that they’re usually lengthy, explanatory, optimistic and challenging. So I started drafting and redrafting:

“… I feel a sense of responsibility in what my presence at the Benefit, and even more, my inclusion in the Host Committee could represent. I’m very conscious that in 2019, great consideration of my accessibility needs were taken into account by Vogue, the Met, and Gucci. In the proceeding six years, I’ve invested my time and energy to ensure that change is not just for me. The stairs leading up to the Met is a constant and very visual reminder that for many Disabled people, the Met Gala is not for them. I would like to work with you to see if a solution can be found to ensure that Disabled people can attend, or at the very least, aspire to attend.

I understand that the Metropolitan Museum is in a protected, historic building and adding a ramp to the stairs is not feasible from both a legislative and finance perspective. But, perhaps there is a way to consider the adjacent step-free entrance as a secondary route, one that is as aesthetically pleasing, as engaging, and as welcoming as the stairs.” 

And so began many conversations. First with Vogue, and then with the Met. In February 2026, it was confirmed confidentially that the tent would be extended to include the step-free entrance at 81st Street. Disabled guests would arrive, queue for the red carpet, be interviewed by the live-stream, have their photographs taken on the flat surface and go left, rather than up the stairs, to the step-free entrance. Disabled guests would then use the elevator to reach the new fashion galleries and join all other guests. 

This is not a perfect solution, but it is progress. 

The Costume Institute’s permanent collection

One of Tilting the Lens’ principles is building legacy memory. We want change and the tools for change to not just live with one person, or one department in a company or organisation, but for it to be part of the fabric in how things function long term. This is important, because if that catalyst is taken away for any reason, everything stalls. That’s not the fault of the person, but a failure of the institution. Our work is about cementing that in every project that we do.

This project was no exception. 

The Costume Institute has a permanent collection of over 33,000 objects. As per the Costume Institute’s website, the permanent collection is open for research appointments by scholars, graduate students, doctoral students, and designers in relevant fields. In thinking about how we expand fashion academia, support doctoral students to study disability and design, and encourage designers and students to examine the ableism in design systems, the permanent collection must represent and provoke these ideas. I’m really proud to have donated two pieces from my wardrobe to the Costume Institute’s permanent collection for this very purpose.

I donated the Burberry trench coat and crown that was cut and photographed by Tim Walker for the cover of the Business of Fashion’s Age of Influence print issue in 2018. Along with a white cotton Alexander McQueen dress and leather belt that was photographed by Adama Jollah for British Vogue’s May 2023 Reframing Fashion issue, with Tilting the Lens as consulting editors. 

I know that for some, fashion is frivolous, expensive, and harmful. It can be all of those things, and it is also an institution that shapes culture, society, and is an extraordinary art form. It has an urgent responsibility to do better for people and the planet, but it is also an industry that we cannot escape from. We all wear clothes. 

Further Reading

The website project started for our team in late 2024 and continued until our soft launch at the end of July 2025. It was a significant undertaking for our small business, but when we began we knew that we wanted to open-source our learnings, and use the process to publish recommendations. 

Our outcomes are a collaborative effort. We invested considerable time to find a web design partner who shared our ambition in accessibility, and partnered with New Graphic for impactful, user-centred design and development. We also extended our relationship with Cova Communications, who have been our long-time branding and marketing partner, for content strategy and creation, as well as support on user testing.

Our co-design approach

In our day-to-day consulting practice, our approach uses a framework of co-design. This is where Disabled people are valued as experts in shaping solutions. As a majority-Disabled team, our human-centred design process is by and with Disabled people,  never executed ‘for’ them. We value lived experience as intellectual property. 

We believe that Disabled expertise is a vital part of the whole design process, not an afterthought, or for auditing when a project is complete. Getting to compliance is only the starting point for us, and when we build with lived experience, we create innovative solutions. We also believe that lived experience deserves fair compensation. Too often, Disabled people are asked to provide feedback without financial recognition. We always ensure that any participants from our research database are paid fairly for their time, insights, and contributions.

Accessibility goals for the new website

We had many business and communication goals for this project and we wrote about why this redesign was needed in “Our Journey to create a beautiful and accessible website”. We set out to prove that appealing and beautiful design does not have to be sacrificed to make an accessible website. And, that a beautiful website can and should provide an enjoyable, comfortable, and independent user experience. 

We also had two primary technical accessibility standards that we had to follow. 

The new European Accessibility Act standards

With the introduction of the European Accessibility Act (EAA) in June 2025, we wanted to demonstrate how to adhere to the new legislation and standards for digital communication. The EAA came into law across the EU with each member state translating the directive into their own local laws. It was created to improve the minimum standards for accessibility across member states and unify those standards. It also is to ensure that more people have access to essential services, and accessible physical and digital products. 

The standard we look at for websites is Standard EN 301 549 which can be applied to any type of ICT-based products and services. This includes software (web pages, mobile applications, desktop applications) and hardware (smartphones, personal computers, information kiosks). 

Web Content Accessibility Guidelines (WCAG)

We also followed the Web Content Accessibility Guidelines  (WCAG), a universal set of standards created to make web content more accessible. WCAG is not legally binding as it is a set of technical guidelines that are used to support compliance with EAA or other laws globally like the ADA (Americans with Disabilities Act). It is a framework for creating accessible digital content with detailed success criteria. 

The WCAG framework uses 4 Principles of Accessibility for assessment.

  1. Perceivable: Information and user interface components must be presentable to users in ways they can perceive. It can’t be invisible to all of their senses.
  2. Operable: User interface components and navigation must be able to operate the interface. The interface cannot require interaction that a user cannot perform.
  3. Understandable: Users must be able to understand the information as well as the operation of the user interface. The content or operation cannot be beyond their understanding.
  4. Robust: Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. As technologies and user agents evolve, the content should remain accessible. 

We aim to be compliant with WCAG version 2.2, fulfilling the A and AA requirements, which is the minimum standard for accessible websites. AAA is the highest level of accessibility but some of the success criteria are very strict or depend on user needs that can be in conflict with each other. Because of this, meeting all AAA requirements for every part of a site isn’t always possible. Where it was possible to meet AAA criteria, we implemented solutions. 

The requirements we set for the project

We focused our efforts on delivering a digital experience that meets the following requirements: 

  • Can be viewed on multiple devices
  • Can be navigated using a keyboard only
  • Can be magnified effectively up to 300%
  • Content can be translated to other languages
  • Compatible with commonly-used screen reader technologies
  • Visual assets have alternative text and captions 
  • Imagery is not the only method of conveying essential information and there is an alternative format provided
  • Video and audio content have subtitles and transcripts available 
  • Forms that are fully accessible integrated with third party platforms
  • Neurodivergence and cognitive disabilities are considered for technology compatibility and content creation. 

 

Our recommendations to add to your accessible design process

The insights from our four rounds of testing during the research, design, and development phases of the project, directly informed crucial decisions. Aside from the WCAG and EAA criteria checklist, here is our advice to bring to your own design process to improve access. 

  1. Test with Disabled people from the beginning: Be open to learn and change direction, and not just validate what you already believe. If you can, speak to your testers to clarify and expand on their challenges and feedback for a deeper understanding of the problem. 
  2. Lived experience is intellectual property: No matter what size your team is, you can engage in user testing and research. There is so much to learn online, standards to follow and lots of quantitative user testing findings. However, if you can, testing with Disabled people with lived experience can fundamentally shape your innovation and solutions. It is vital to understand that this is valuable work that can lead to innovation and we must ensure it is paid, respectful, and community-led.
  3. Examine your brand elements: Accessibility begins with your core brand elements – colour and fonts. The best time to check them is during a branding project and the second best time is now. 
  4. Review your testing questions: Look at the language you are using when testing. Is it biased or leading? In early stages it is important to ask open inviting questions in order to explore common barriers and uncover challenges in other solutions. Your question sets the expectation for the answer. 
  5. Content and cognitive load: Finding the balance between offering choices to participants and not overwhelming them, is an important discovery process. Reducing the cognitive load had a positive impact on participants and they were more engaged in browsing content as a result.  
  6. Consistent styling: Implementing a cohesive, simple, and intuitive visual language reduces friction for your audience. Your designs become more operable and understandable as they are able to predict what action will occur.
  7. More variation and personal experience: Check how robust your accessibility is by having participants test remotely on their personal devices. Development teams will never be able to replicate the variety of combinations of assistive technology that Disabled people use in their daily life.

Our accessibility statement and ongoing work

Accessibility is a continuous and evolving practice. Our work doesn’t end with the website launch. It’s important to us that we are transparent around the steps we are taking to continually improve digital access. We are committed to continuous review, updating, and improvement of our website’s accessibility and usability. 

Currently, in September 2025, we are conducting a further external independent audit to verify the standards and goals we set out.

We are also updating our internal content guidelines and updating our content archive where older media (PDFs and Videos) may not meet the requirements. We will continue working with assistive technology users to respond to feedback on the website.

If you would like to learn more you can read our accessibility statement.

Detailed breakdown of the testing outcomes in the co-design process

For designers, developers, and those interested in learning more about accessible digital design, we have put together a detailed breakdown of our four rounds of testing in partnership with Disabled people. 

Round 1: The research and wireframe phase

  • Focus: Review our old website and content. Determine the new site architecture and taxonomy. 
  • Participants: Tilting the Lens team with New Graphic and Cova Communications
  • Methods: A series of online interactive workshops led by New Graphic, that included card sorting, wireframing, and prioritisation tasks. 

Approach

In the research phase, all teams conducted an audit of the old website and created a matrix and prioritisation for things to improve. We looked at external feedback and findings to create an outline for the website we were going to build. 

We participated in a series of workshops led by New Graphic, looking at content and information organisation and site architecture so that we could speak about our work clearly and effectively. 

Key Insights

  • Revise the language around our services and clarify our offering
  • Introduce new features like filters and skip links to aid navigation
  • Expanding the number of pages to accommodate newer topics like school visits, partnerships and events. 
On a yellow background, there are 3 examples of wireframe web pages. Each consists coloured blocks and a line of text describing the content that would go in
We did sorting and wireframing activities to determine information architecture

Round 2: The visual design phase

  • Focus: To get feedback on key visual elements, colour palettes, fonts, button designs, and on language use and navigation expectations. 
  • Participants: Disabled research participants with diverse experiences – including Low vision (but not using screenreaders), colour blindness, Neurodivergence, cognitive disabilities, and Dyslexia.
  • Testing methods: Remote, unmoderated testing via a Google Form with visuals and a link to a static web page. Participants had the option to submit their feedback by form, video or audio recording, or a video call. In some cases, we followed up with a guided video call for deeper insights and an opportunity to explore challenges. 

Approach

At this design stage, we had flat visual designs in Figma of our key pages and elements. They weren’t interactive so this limited the types of assistive technology that we could test. What was important to test at this early stage, was our use of language, navigation, and core brand elements. 

We needed to check that our internal language and assumptions from our wireframes, for services and navigation etc., were going to be “perceivable” and “understandable” for users from the WCAG principles.  

Testing our primary brand elements to make confident decisions was essential before we got to development and wasted time and resources.

We deliberately used the word “comfortable” to assess the tester’s experience rather than “prefer” or a simple binary “yes or no”. We were looking beyond comprehension and compliance, and aiming for a feeling of ease. The use of “comfortable” invited our testers to contemplate the experience they were having and rate it on a personal scale, not a legal one. 

Two boxes displaying A and B options for font types and for button styles.
When asked to compare two font types for use in longer sentences and paragraphs, 100% of users chose the sans serif in Option B. When asked a similar question about button styles, 80% chose Option A, a black button with white text.

Key insights 

  • There were clear font winners: Feedback highlighted the importance of checking font readability for brand fonts. We tested our fonts against alternative options and we got a clear answer back. 
  • We had too many buttons and styles: Early designs had more button styles with different colours and an outline button option. Again there was a clear format winner but we also got feedback about the consistency of button styling across the site to create easy, predictable pathways. 
  • Too much content was overwhelming: Testers were overwhelmed by our first homepage layout. It was simply too long. We had so much to tell them and thought that by offering them lots of choice it would encourage browsing, but “it feels like you’re throwing everything at me all at once.” 
  • There was too much space between elements: Participants struggled with content proximity when we were leaving large gaps and padding. “I prefer to click-through a menu than to keep scrolling, not knowing if I will find what I need at the bottom”.
  • Colour compliance standards were “not comfortable”: An interesting finding occurred when asking about comfort and colour contrast for text and background colours. We discovered that as the contrast approached the WCAG standard, participants were able to read the text, but it took more effort and it was not a comfortable user experience. 
  • We needed a dark mode solution: 80% of our testers used dark mode regularly on their devices.
The first graphic shows the original design of skip links, they were in pale blue buttons. Underneath is the new version with the text simply underlined with a small arrow icon following it.
We altered the design for the skip links after testing, even though we wanted less button styles. We discovered that for many users their expectation was that a button shape will bring you away from the page you are on.

Round 3: Navigation and browsing development phase

  • Focus: This round focused on the accessibility of the main elements – like navigation, menus, written content, and images – and overall browsing experience. We tested a new homepage, and two example case study pages of the live test site on various user devices.
  • Participants: Disabled people employing a range of assistive technologies such as voice-activated software (Siri, Co Pilot), text-to-speech features on iOS, screen magnifiers, large text, and screen readers (NVDA, Talkback).
  • Testing methods: Again we used remote, unmoderated testing with a link to a live test site. Participants had the option to provide feedback via a Google Form, video/audio recording, or a Google Meet call. This was followed up in some cases with a guided video call to further understand some of the responses.  

Approach

In the first testing round on a live test site, we focused on independent navigation through the site and accessing all the content on the pages. This included many combinations of devices, browsers, and assistive technology to gain insights through personal experience. 

This was phase one of the development process and testing was carried out with only a few pages built and the core components added. We continued with our approach to get the core right before expanding as it is much easier to fix before you expand into other complicated features. 

A goal for this round and the next was to test for the fourth WCAG principle, “robust”. Our content and site must be interpreted reliably by a wide variety of user agents, including assistive technologies. We did this by asking each participant to test on two personal devices, and this increased the technology combinations we were getting feedback on. People may not engage with their phone and laptop in the same way. 

“I love ‘Client, Date, People, Sector’ on the case studies. You do not have to explore the website or page too much and are given the information immediately which is really lovely.”

Key insights

  • Testers successfully used the main menu: They navigated to various pages using their preferred devices and browsers, with interactions working smoothly across different screen sizes. 
  • Some issues were highlighted with particular devices and visual descriptions: This was beneficial to gain an understanding of different screen readers and their particular nuances. We needed clear labelling that could be accessed for icons and image-based elements to ensure everyone would have the same experience. 
  • Specific usability issues were identified: We picked up on lots of smaller issues – the search bar exit function and the reduced contrast of the menu on mobile in dark mode. 
  • A need for context and explanation for terms: Some testers highlighted the need for plain English for certain complex words or specific terms that might be unfamiliar. It was a good reminder as the team wrote content to ensure we were explaining any terminology clearly. 
  • Adding more semantic tagging: For case studies, news etc. we use a summary box at the top and we had useful feedback on how to improve this feature for screen readers. 
  • More proximity insights for content: Now that we had reduced the spacing throughout the site, it solved most of the issues for magnified browsing. However, we uncovered valuable learning around our layouts in case studies. For one user, their mobile experience was OK but on their laptop they were seeing large vertical gaps in content when zoomed in as our text switched sides. “I am zoomed in and it took a lot of navigation to find text. For example picture on the left and writing on the right and it switches for the next and then switches back again.”

“Although clear alt texts were set, there seem to be challenges with some devices and configurations.”

Round 4: Focus development testing with specific features

  • Focus: This round aimed to further refine specific page types and functionalities, particularly on the Resources Landing Page, an Article Page, the Meet the Team page, and the Events page. This included testing navigation, filtering mechanisms, and reviewing page content like videos and links.
  • Participants: Disabled people including individuals with low-vision or blindness using screen readers/magnifiers, colour-blindness, and mobility/physical disabilities who navigate using keyboards, joysticks, or voice.
  • Testing method: Testing web pages with complex elements on two devices, focusing on technical accessibility and browsing experience with assistive technology. Users had the option to provide feedback via a Google Form, video or audio recording, or a video call.

Approach

For this round of live testing and part two of our development phase, we took a deep dive into specific and more complex elements. We looked at the filters, news and resource pages, upcoming event cards and team member profiles.

We also revisited our new language in action as we asked participants to perform certain navigation tasks with vague instructions.

We asked binary questions when we asked testers to complete a task, but left openings to add context and detail around their experience. 

“Navigation followed a logical structure, with clear focus on headings, textual content, and interactive links etc.”

Key insights

  • We were able to verify a lot of development work that had been done by the New Graphic team to ensure a number of assistive technology users were able to navigate and access content across the site. We had very few issues reported at this late stage in the project.
  • Feedback on some link clarity and labelling throughout
  • One participant reported issues with their tech and the labelling of the mobile menu states which we were able to fix. 

“Links [on the event card] such as registration or external resources are functional via touch but could benefit from more detailed labels.”