@joomla/joomla-a11y-checker
Version:
ooa11y is an accessibility and quality assurance tool that visually highlights common accessibility and usability issues.
192 lines (189 loc) • 14.7 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>JOOA11Y - The Joomla Accessibility Checker</title>
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
<link rel="stylesheet" href="../assets/css/joomla-a11y-checker.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap core JS-->
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<!-- Core theme JS-->
<script type="module" src="script.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">Jooa11y - the Joomla Accessibility Checker</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="../index.html">Home</a>
</li>
<li class="nav-item"><a class="nav-link" href="howto.html">How To</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownExamples" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">Examples</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownExamples">
<li><a class="dropdown-item" href="errors.html">Errors</a></li>
<li><a class="dropdown-item" href="warnings.html">Warnings</a></li>
<li><a class="dropdown-item" href="pass.html">No Errors</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownTests" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">Tests</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownTests">
<li><a class="dropdown-item" href="headings.html">Headings</a></li>
<li><a class="dropdown-item" href="images.html">Images</a></li>
<li><a class="dropdown-item" href="links.html">Links</a></li>
<li><a class="dropdown-item" href="tables.html">Tables</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="contrast.html">Contrast</a></li>
<li><a class="dropdown-item" href="labels.html">Labels</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="audiovideo.html">Audio & Video</a></li>
<li><a class="dropdown-item" href="uppercase.html">Uppercase Text</a></li>
<li><a class="dropdown-item" href="underline.html">Underlined Text</a></li>
<li><a class="dropdown-item" href="fakelists.html">Fake Lists</a></li>
<li><a class="dropdown-item" href="iframes.html">iFrames</a></li>
<li><a class="dropdown-item" href="pdf.html">PDF Content</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="social.html">Social Media</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<main>
<section id="title" class="bg-secondary">
<div class="container">
<div class="text-center text-white py-5">
<h1>No Errors</h1>
<p class="lead">A page without any errors.</p>
<p><small>The sample text below is from <a href="https://en.wikipedia.org/wiki/Bear" class="text-white">Wikipedia:
Bear.</a></small>
</p>
</div>
</div>
</section>
<section id="content">
<div class="container pt-4">
<div class="row">
<div class="col-md-4 d-flex">
<div class="card mb-4 shadow-sm flex-fill">
<a href="https://en.wikipedia.org/wiki/Bear"><img
src="https://upload.wikimedia.org/wikipedia/commons/7/71/2010-kodiak-bear-1.jpg" alt
class="img-fluid">
<div class="card-body">
<p class="card-text">Learn more about Bears on Wikipedia <span class="fa fa-chevron-right"></span></p>
</div>
</a>
</div>
</div>
<div class="col-md-8">
<p>Bears are carnivoran mammals of the family Ursidae. They are classified as caniforms, or doglike
carnivorans. Although only eight species of bears are extant, they are widespread, appearing in a wide
variety of habitats throughout the
Northern Hemisphere and partially in the Southern Hemisphere. Bears are found on the continents of North
America, South America, Europe, and Asia. Common characteristics of modern bears include large bodies with
stocky legs, long
snouts, small rounded ears, shaggy hair, plantigrade paws with five nonretractile claws, and short tails.
</p>
<p>While the polar bear is mostly carnivorous, and the giant panda feeds almost entirely on bamboo, the
remaining six species are omnivorous with varied diets. With the exception of courting individuals and
mothers with their young, bears
are typically <a href="https://en.wikipedia.org/wiki/Solitary_animals" target="_blank">solitary animals.
<span class="sr-only">(opens in new window)</span><span class="fa fa-external-link-alt"></span></a> They
may be diurnal or
nocturnal and have an excellent sense of smell. Despite their heavy build and awkward gait, they are adept
runners, climbers, and swimmers. Bears use shelters, such as caves and logs, as their dens; most species
occupy their dens during
the winter for a long period of hibernation, up to 100 days.</p>
</div>
</div>
</div>
</div>
<div class="container pt-4">
<h2>Taxonomy</h2>
<div class="row">
<div class="col-sm-12">
<p>The family Ursidae is one of the nine families in the suborder Caniformia, or "doglike" carnivorans, within
the order Carnivora. Bears' closest living relatives are the pinnipeds, canids, and musteloids. Modern bears
comprise eight species
in three subfamilies: Ailuropodinae (monotypic with the giant panda), Tremarctinae (monotypic with the
spectacled bear), and Ursinae (containing six species divided into one to three genera, depending on the
authority). Nuclear chromosome
analysis show that the karyotype of the six ursine bears is nearly identical, with each having 74 chromosomes,
whereas the giant panda has 42 chromosomes and the spectacled bear 52. These smaller numbers can be explained
by the fusing of
some chromosomes, and the banding patterns on these match those of the ursine species, but differ from those
of procyonids, which supports the inclusion of these two species in Ursidae rather than in Procyonidae, where
they had been placed
by some earlier authorities.</p>
</div>
</div>
</div>
<div class="container pt-4">
<div class="row">
<div class="col-md-4">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3d/Polar_Bear_AdF.jpg"
alt="A Polar bear jumping on fast ice in Norway." class="img-fluid shadow-sm">
</div>
<div class="col-md-8">
<p>The earliest members of Ursidae belong to the extinct subfamily Amphicynodontinae, including Parictis
(late Eocene to early middle Miocene, 38–18 Mya) and the slightly younger Allocyon (early Oligocene, 34–30
Mya), both from North
America. These animals looked very different from today's bears, being small and raccoon-like in overall
appearance, with diets perhaps more similar to that of a badger. Parictis does not appear in Eurasia and
Africa until the
Miocene.[14] It is unclear whether late-Eocene ursids were also present in Eurasia, although faunal
exchange across the Bering land bridge may have been possible during a major sea level low stand as early
as the late Eocene (about 37
Mya) and continuing into the early Oligocene. European genera morphologically very similar to Allocyon,
and to the much younger American Kolponomos (about 18 Mya), are known from the Oligocene, including
Amphicticeps and Amphicynodon.
</p>
</div>
</div>
</div>
<div class="container pt-4">
<h2>Size</h2>
<div class="row">
<div class="col-sm-12">
<p>The raccoon-sized, dog-like Cephalogale is the oldest-known member of the subfamily Hemicyoninae, which first
appeared during the middle Oligocene in Eurasia about 30 Mya.[15] The subfamily includes the younger genera
Phoberocyon (20–15
Mya), and Plithocyon (15–7 Mya). A Cephalogale-like species gave rise to the genus Ursavus during the early
Oligocene (30–28 Mya); this genus proliferated into many species in Asia and is ancestral to all living bears.
Species of Ursavus
subsequently entered North America, together with Amphicynodon and Cephalogale, during the early Miocene
(21–18 Mya). Members of the living lineages of bears diverged from Ursavus between 15 and 20 Mya,[24][25]
likely via the species
Ursavus elmensis. Based on genetic and morphological data, the Ailuropodinae (pandas) were the first to
diverge from other living bears about 19 Mya, although no fossils of this group have been found before about 5
Mya.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-white bg-dark py-3">
<div class="container">
<p class="my-1">By default Jooa11y only checks the parts of the website that is contained inside the <main> landmark.
For example, <a href="#">this</a> link will be
ignored as it is inside the <footer>.</p><p> If a content editor can't edit it, then Jooa11y doesn't scan it.</p>
</div>
</footer>
</body>
</html>