Alt Text Axe

Images, photos, and graphics are unusable by screen reading programs unless they are assigned alternative text.

Edit This Code:

<html>
<head>
<style>
ul#menu {
    padding: 0;
}

ul#menu li {
    display: inline;
}

ul#menu li a {
    background-color: black;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: orange;
}
</style>
</head>
<body>

<div class="w3-code htmlHigh notranslate">
<h1>Prospective Students</h1>

<h2>International Profile</h2>

<p>When choosing a university in which to earn your degree, you want to know that at the end of your study, you can work anywhere in the world.</p>
<img src="https://www.unimelb.edu.au/__data/assets/image/0004/1755688/international-profile.jpg">

<h2>Uni Life</h2>

<p>Next-door to Melbourne’s CBD, the University of Melbourne’s location, you have to admit, is a pretty big attraction. It’s close to transport, fantastic cafes, arts and sports venues and accommodation. Everything is accessible.</p>
<img alt="Uni Life" src="https://www.unimelb.edu.au/__data/assets/image/0005/1755689/uni-life.jpg">
</div>

Result: (check using WAVE toolbar)

Accessibility Failures

Click on 'See Result >' so see the report

Code goes here

Need web help?

All websites and applications which form part of the University web presence are expected to be compliant with the W3C's Web Accessibility Guidelines (WCAG) 2.2 AA guidelines.

Get web accessibility help