Amazon Nova 2 Lite – Education
via Amazon Bedrock · Generated
- AIMAC Debt 9.13
- Cost $0.02
- Total Violations 24
- HTML Size 35 KB
- Em Dashes 0
Screenshot
View Live Page
Accessibility Issues Found
24 Serious
-
color-contrast serious 19 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<a href="#courses" class="cta-button">Explore Our Programs</a> -
link-name serious 5 instances
Links must have discernible text
Example HTML
<a href="#"><i class="fab fa-facebook-f"></i></a>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academia Nexus | Empowering Minds, Shaping Futures</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-dyyeQzW9r5M1Tc7W5ZliagCQ3aqq9Z8yJ+7m5NQ7iD4S1R1H9" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
:root {
--primary: #2c3e50;
--secondary: #3498db;
--accent: #27ae60;
--light: #ecf0f1;
--dark: #34495e;
--gray: #7f8c8d;
--transition: all 0.3s ease;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Lato', sans-serif;
line-height: 1.6;
color: #333;
background-color: #f9f9f9;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* HEADER */
header {
background-color: var(--primary);
color: white;
padding: 20px 0;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-container {
display: flex;
align-items: center;
gap: 15px;
}
.logo {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--secondary);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24px;
font-weight: bold;
}
.logo-text {
display: flex;
flex-direction: column;
}
.logo-text h1 {
font-size: 1.5rem;
margin-bottom: 5px;
}
.logo-text p {
font-size: 0.9rem;
opacity: 0.9;
}
nav ul {
display: flex;
list-style: none;
gap: 25px;
}
nav a {
color: white;
text-decoration: none;
font-weight: 500;
transition: var(--transition);
position: relative;
padding: 5px 0;
}
nav a:hover {
color: var(--secondary);
}
nav a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--secondary);
transition: var(--transition);
}
nav a:hover::after {
width: 100%;
}
/* HERO */
.hero {
background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.9)), url('https://placehold.co/1920x600/2c3e50/e0e0e0?text=Academia+Nexus+Campus+View') center/cover no-repeat;
color: white;
text-align: center;
padding: 100px 20px;
}
.hero h2 {
font-size: 3rem;
margin-bottom: 20px;
font-weight: 700;
}
.hero p {
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto 30px;
opacity: 0.9;
}
.cta-button {
display: inline-block;
background-color: var(--accent);
color: white;
padding: 15px 30px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
transition: var(--transition);
border: 2px solid var(--accent);
}
.cta-button:hover {
background-color: transparent;
color: var(--accent);
}
/* MAIN CONTENT */
main {
padding: 80px 0;
background-color: #fff;
}
section {
margin-bottom: 80px;
}
.section-header {
text-align: center;
margin-bottom: 50px;
}
.section-header h2 {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 15px;
}
.section-header p {
color: var(--gray);
max-width: 700px;
margin: 0 auto;
}
/* FEATURE GRID */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.feature-card {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: var(--transition);
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.feature-img {
height: 200px;
background-color: var(--light);
display: flex;
align-items: center;
justify-content: center;
color: var(--gray);
font-size: 2rem;
}
.feature-content {
padding: 25px;
}
.feature-content h3 {
font-size: 1.5rem;
margin-bottom: 15px;
color: var(--primary);
}
.feature-content p {
margin-bottom: 20px;
color: var(--dark);
}
.feature-content .cta {
display: inline-block;
color: var(--secondary);
text-decoration: none;
font-weight: bold;
}
/* FACULTY SPOTLIGHT */
.faculty-spotlight {
background-color: var(--light);
}
.faculty-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
@media (max-width: 768px) {
.faculty-content {
grid-template-columns: 1fr;
}
}
.faculty-img {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.faculty-details h3 {
font-size: 2rem;
color: var(--primary);
margin-bottom: 10px;
}
.faculty-details .position {
color: var(--secondary);
font-size: 1.2rem;
margin-bottom: 20px;
display: block;
}
.faculty-details p {
margin-bottom: 25px;
color: var(--dark);
}
.faculty-details ul {
list-style: none;
margin: 20px 0;
padding-left: 0;
}
.faculty-details li {
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
.faculty-details li i {
color: var(--accent);
}
/* COURSE CATALOG */
.course-catalog {
background-color: white;
}
.course-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.course-card {
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
transition: var(--transition);
}
.course-card:hover {
transform: scale(1.03);
border-color: var(--secondary);
}
.course-card-header {
background-color: var(--primary);
color: white;
padding: 15px 20px;
font-weight: bold;
}
.course-card-body {
padding: 20px;
}
.course-card-body h4 {
margin-bottom: 10px;
color: var(--primary);
}
.course-card-body p {
font-size: 0.9rem;
color: var(--gray);
margin-bottom: 15px;
}
.course-meta {
display: flex;
justify-content: space-between;
font-size: 0.9rem;
color: var(--dark);
}
/* TESTIMONIALS */
.testimonials {
background-color: var(--light);
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.testimonial-card {
background: white;
border-radius: 10px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
position: relative;
}
.testimonial-card::before {
content: """;
position: absolute;
top: 20px;
left: 20px;
font-size: 5rem;
color: rgba(44, 62, 80, 0.1);
font-family: serif;
line-height: 1;
}
.testimonial-text {
margin-bottom: 20px;
font-style: italic;
color: var(--dark);
position: relative;
z-index: 1;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 15px;
}
.testimonial-author img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.testimonial-author-info h5 {
margin-bottom: 5px;
color: var(--primary);
}
.testimonial-author-info p {
font-size: 0.9rem;
color: var(--gray);
}
/* SIDEBAR */
.sidebar {
background-color: var(--primary);
color: white;
padding: 30px;
border-radius: 10px;
}
.sidebar h3 {
margin-bottom: 20px;
font-size: 1.5rem;
padding-bottom: 10px;
border-bottom: 2px solid var(--secondary);
}
.sidebar ul {
list-style: none;
}
.sidebar li {
margin-bottom: 12px;
}
.sidebar a {
color: white;
text-decoration: none;
display: block;
padding: 8px 0;
transition: var(--transition);
}
.sidebar a:hover {
color: var(--secondary);
padding-left: 5px;
}
/* FOOTER */
footer {
background-color: var(--dark);
color: white;
padding: 60px 0 30px;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-column h4 {
margin-bottom: 20px;
font-size: 1.3rem;
position: relative;
padding-bottom: 10px;
}
.footer-column h4::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 2px;
background-color: var(--secondary);
}
.footer-column p, .footer-column li {
margin-bottom: 15px;
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
}
.footer-column ul {
list-style: none;
padding-left: 0;
}
.footer-column li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: var(--transition);
}
.footer-column li a:hover {
color: white;
}
.social-links {
display: flex;
gap: 15px;
margin-top: 20px;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: white;
transition: var(--transition);
}
.social-links a:hover {
background-color: var(--secondary);
transform: translateY(-3px);
}
.copyright {
text-align: center;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
font-size: 0.9rem;
}
/* APPLICATION TRACKER */
.tracker-section {
background-color: white;
padding: 60px 0;
}
.tracker-container {
max-width: 800px;
margin: 0 auto;
background-color: var(--light);
padding: 40px;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.tracker-header {
text-align: center;
margin-bottom: 30px;
}
.tracker-header h2 {
color: var(--primary);
margin-bottom: 15px;
}
.tracker-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.form-group label {
font-weight: bold;
color: var(--dark);
}
.form-group input {
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 1rem;
}
.form-group input:focus {
outline: none;
border-color: var(--secondary);
box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}
.tracker-button {
background-color: var(--secondary);
color: white;
border: none;
padding: 15px;
border-radius: 5px;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
transition: var(--transition);
}
.tracker-button:hover {
background-color: #2980b9;
}
.tracker-result {
margin-top: 30px;
padding: 20px;
border-radius: 5px;
display: none;
}
.tracker-result.success {
background-color: rgba(46, 204, 113, 0.1);
border: 1px solid #2ecc71;
display: block;
}
.tracker-result.error {
background-color: rgba(231, 76, 60, 0.1);
border: 1px solid #e74c3c;
display: block;
}
.tracker-result h3 {
margin-bottom: 10px;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header>
<div class="container header-container">
<div class="logo-container">
<div class="logo">AN</div>
<div class="logo-text">
<h1>Academia Nexus</h1>
<p>Empowering Minds, Shaping Futures</p>
</div>
</div>
<nav>
<ul>
<li><a href="#features">Programs</a></li>
<li><a href="#faculty">Faculty</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#testimonials">Success</a></li>
<li><a href="#tracker">Application Tracker</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero -->
<section class="hero">
<div class="container">
<h2>Transform Your Education Journey</h2>
<p>Discover unparalleled academic experiences, world-class faculty, and resources designed to unlock your potential. Join Academia Nexus and become part of a vibrant community dedicated to learning and innovation.</p>
<a href="#courses" class="cta-button">Explore Our Programs</a>
</div>
</section>
<!-- Main Content -->
<main>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<div class="section-header">
<h2>Why Choose Academia Nexus?</h2>
<p>We provide a comprehensive educational experience tailored to meet the needs of modern learners. Our commitment to excellence is reflected in every aspect of our institution.</p>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-img">
<i class="fas fa-book-open"></i>
</div>
<div class="feature-content">
<h3>Expert Faculty</h3>
<p>Learn from distinguished professors and industry leaders who bring decades of practical experience and cutting-edge research into the classroom. Our faculty are dedicated mentors committed to your success.</p>
<a href="#faculty" class="cta">Meet Our Faculty</a>
</div>
</div>
<div class="feature-card">
<div class="feature-img">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="feature-content">
<h3>Innovative Curriculum</h3>
<p>Our constantly updated curriculum integrates theoretical knowledge with real-world applications. Students engage in hands-on projects, internships, and collaborative research that prepare them for the challenges of tomorrow.</p>
<a href="#courses" class="cta">View Course Catalog</a>
</div>
</div>
<div class="feature-card">
<div class="feature-img">
<i class="fas fa-globe-americas"></i>
</div>
<div class="feature-content">
<h3>Global Opportunities</h3>
<p>Academia Nexus offers exchange programs, international conferences, and research collaborations with leading institutions worldwide. Expand your horizons and build a global network.</p>
<a href="#events" class="cta">Global Events</a>
</div>
</div>
</div>
</div>
</section>
<!-- Faculty Spotlight -->
<section id="faculty" class="faculty-spotlight">
<div class="container">
<div class="section-header">
<h2>Faculty Spotlight</h2>
<p>Our distinguished faculty members are not just teachers; they are mentors, researchers, and pioneers in their fields. Their passion for education and dedication to student success defines the Academia Nexus experience.</p>
</div>
<div class="faculty-content">
<div class="faculty-img">
<img src="https://picsum.photos/600/400?grayscale&blur=1" alt="Dr. Eleanor Vance">
</div>
<div class="faculty-details">
<h3>Dr. Eleanor Vance, Ph.D.</h3>
<span class="position">Professor of Cognitive Science</span>
<p>With over 20 years of experience in cognitive neuroscience, Dr. Vance leads groundbreaking research on learning optimization and memory enhancement. Her work has been published in numerous prestigious journals and has received several international research awards.</p>
<p>Dr. Vance is committed to creating inclusive and stimulating learning environments where students can explore complex ideas and develop critical thinking skills. She believes in the transformative power of education to unlock human potential.</p>
<h4>Research Focus:</h4>
<ul>
<li><i class="fas fa-brain"></i> Cognitive Enhancement Technologies</li>
<li><i class="fas fa-users"></i> Collaborative Learning Dynamics</li>
<li><i class="fas fa-microscope"></i> Neuroeducation and Learning Strategies</li>
</ul>
<p>"Education is the foundation upon which we build our future. It's not just about acquiring knowledge, but about developing the skills and confidence to apply that knowledge meaningfully."</p>
</div>
</div>
</div>
</section>
<!-- Course Catalog -->
<section id="courses" class="course-catalog">
<div class="container">
<div class="section-header">
<h2>Course Catalog</h2>
<p>Explore our diverse range of programs and courses designed to provide you with the knowledge and skills needed to succeed in your chosen field. From foundational courses to specialized electives, we offer a comprehensive academic journey.</p>
</div>
<div class="course-grid">
<div class="course-card">
<div class="course-card-header">Computer Science</div>
<div class="course-card-body">
<h4>Advanced Artificial Intelligence</h4>
<p>Dive deep into machine learning algorithms, neural networks, and natural language processing. This course covers both theoretical foundations and practical applications in real-world scenarios.</p>
<div class="course-meta">
<span><i class="far fa-clock"></i> Semesters: 3</span>
<span><i class="fas fa-credit-card"></i> Credits: 4</span>
</div>
</div>
</div>
<div class="course-card">
<div class="course-card-header">Business</div>
<div class="course-card-body">
<h4>Strategic Management & Leadership</h4>
<p>Develop the skills to navigate complex organizational challenges, formulate effective strategies, and lead diverse teams towards achieving strategic objectives in a rapidly changing global marketplace.</p>
<div class="course-meta">
<span><i class="far fa-clock"></i> Semesters: 2</span>
<span><i class="fas fa-credit-card"></i> Credits: 3</span>
</div>
</div>
</div>
<div class="course-card">
<div class="course-card-header">Biomedical Sciences</div>
<div class="course-card-body">
<h4>Genomic Medicine & Personalized Health</h4>
<p>Explore the revolutionary field of genomic medicine, understanding how genetic information is utilized to develop personalized treatment plans and prevent diseases through advanced diagnostic techniques.</p>
<div class="course-meta">
<span><i class="far fa-clock"></i> Semesters: 4</span>
<span><i class="fas fa-credit-card"></i> Credits: 5</span>
</div>
</div>
</div>
</div>
<div style="text-align: center; margin-top: 40px;">
<a href="#" class="cta-button">View Full Course Catalog</a>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-header">
<h2>Student Success Stories</h2>
<p>Hear from our students and alumni about their transformative experiences at Academia Nexus. Their journeys reflect the power of education to open doors and create opportunities.</p>
</div>
<div class="testimonial-grid">
<div class="testimonial-card">
<div class="testimonial-text">
"Academia Nexus completely transformed my career trajectory. The rigorous coursework, dedicated faculty, and collaborative environment prepared me for challenges I never imagined possible. Graduating from here opened doors to opportunities I hadn't even dreamed of."
</div>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/150?u=student1" alt="Michael Chen">
<div class="testimonial-author-info">
<h5>Michael Chen</h5>
<p>M.S. Computer Science, Class of 2022</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="testimonial-text">
"The faculty at Academia Nexus are truly exceptional. They went above and beyond to support my research in renewable energy systems. The resources and connections I gained here have been instrumental in launching my startup, which is now developing cutting-edge solar technology."
</div>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/150?u=student2" alt="Sarah Johnson">
<div class="testimonial-author-info">
<h5>Sarah Johnson</h5>
<p>Ph.D. Sustainable Engineering, Class of 2021</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="testimonial-text">
"I came to Academia Nexus with limited English proficiency. The dedicated support services, language assistance programs, and inclusive campus community helped me not only improve my language skills but to thrive academically and personally. This place truly feels like a second home."
</div>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/150?u=student3" alt="David Müller">
<div class="testimonial-author-info">
<h5>David Müller</h5>
<p>B.A. International Relations, Class of 2023</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Application Tracker -->
<section id="tracker" class="tracker-section">
<div class="container">
<div class="tracker-container">
<div class="tracker-header">
<h2>Application Tracker</h2>
<p>Track the status of your Academia Nexus application in real-time. Enter your application ID to get instant updates on your progress through our admissions process.</p>
</div>
<div class="tracker-form">
<div class="form-group">
<label for="appId">Application ID</label>
<input type="text" id="appId" placeholder="Enter your Application ID">
</div>
<button class="tracker-button" onclick="trackApplication()">Track Application</button>
</div>
<div class="tracker-result" id="trackerResult"></div>
</div>
</div>
</section>
</main>
<!-- Sidebar (Optional) -->
<aside>
<div class="container">
<div class="sidebar">
<h3>Quick Links</h3>
<ul>
<li><a href="#features">Why Academia Nexus?</a></li>
<li><a href="#faculty">Faculty Directory</a></li>
<li><a href="#courses">Academic Programs</a></li>
<li><a href="#events">Upcoming Events</a></li>
<li><a href="#research">Research Opportunities</a></li>
<li><a href="#alumni">Alumni Network</a></li>
</ul>
<h3>Upcoming Events</h3>
<ul>
<li><strong>Jan 15</strong>: International Education Fair</li>
<li><strong>Jan 22</strong>: AI in Education Symposium</li>
<li><strong>Jan 29</strong>: Career Development Workshop</li>
<li><strong>Feb 5</strong>: Study Abroad Fair</li>
</ul>
<h3>Contact Admissions</h3>
<p><i class="fas fa-phone"></i> +1 (555) 123-4567</p>
<p><i class="fas fa-envelope"></i> admissions@academianexus.edu</p>
<p><i class="fas fa-map-marker-alt"></i> 123 Education Avenue, Knowledge City, KC 10101</p>
</div>
</div>
</aside>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h4>Academia Nexus</h4>
<p>Empowering minds and shaping futures through innovative education and research since 1995. We are committed to providing exceptional learning experiences that prepare students for success in a rapidly evolving world.</p>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-column">
<h4>Quick Links</h4>
<ul>
<li><a href="#features">About Us</a></li>
<li><a href="#faculty">Faculty & Research</a></li>
<li><a href="#courses">Academic Programs</a></li>
<li><a href="#admissions">Admissions</a></li>
<li><a href="#campus">Campus Life</a></li>
<li><a href="#support">Support & Giving</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Resources</h4>
<ul>
<li><a href="#">Library Portal</a></li>
<li><a href="#">Career Services</a></li>
<li><a href="#">Student Portal</a></li>
<li><a href="#">Academic Calendar</a></li>
<li><a href="#">Course Schedules</a></li>
<li><a href="#">Research Opportunities</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Contact Us</h4>
<p><i class="fas fa-map-marker-alt"></i> 123 Education Avenue, Knowledge City, KC 10101</p>
<p><i class="fas fa-phone"></i> +1 (555) 123-4567</p>
<p><i class="fas fa-envelope"></i> info@academianexus.edu</p>
<p><i class="fas fa-clock"></i> Mon-Fri: 8:00 AM - 6:00 PM</p>
</div>
</div>
<div class="copyright">
<p>© <span id="currentYear"></span> Academia Nexus. All Rights Reserved. | <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
</div>
</footer>
<script>
// Application Tracker Functionality
function trackApplication() {
const appId = document.getElementById('appId').value;
const resultDiv = document.getElementById('trackerResult');
if (!appId) {
resultDiv.className = 'tracker-result error';
resultDiv.innerHTML = '<h3>Error</h3><p>Please enter an Application ID.</p>';
return;
}
// Simulate API call - in a real application, this would fetch data from a server
setTimeout(() => {
// This is just a demo response - in reality, this would come from your database
const responses = {
"AN2024-001": {
status: "Under Review",
details: "Your application is currently being reviewed by the admissions committee. You will receive a decision by January 31st.",
nextStep: "Prepare for potential interview invitation."
},
"AN2024-002": {
status: "Accepted!",
details: "Congratulations! We are delighted to offer you admission to Academia Nexus. Please review your offer letter and submit your enrollment deposit by February 15th.",
nextStep: "Complete new student enrollment and housing application."
},
"AN2024-003": {
status: "Waitlisted",
details: "Your application has been placed on the waitlist. We will notify you of any changes by March 1st. Consider placing a deposit at another institution by February 15th.",
nextStep: "Monitor your email for updates."
}
};
const appData = responses[appId];
if (appData) {
resultDiv.className = 'tracker-result success';
resultDiv.innerHTML = `
<h3>Application Status: ${appData.status}</h3>
<p>${appData.details}</p>
<p><strong>Next Step:</strong> ${appData.nextStep}</p>
`;
} else {
resultDiv.className = 'tracker-result error';
resultDiv.innerHTML = `
<h3>Application Not Found</h3>
<p>We couldn't find an application with ID "${appId}". Please double-check your Application ID or contact admissions for assistance.</p>
`;
}
}, 800); // Simulate network delay
}
// Set current year in copyright
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T09:40:27.276Z",
"url": "https://benchmark.aimac.invalid/cc4cd1d044f71be0c951de12d39e0ac24d26a5c5c68038d87c3747b21992745a.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-prohibited-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": []
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#\" class=\"cta-button\">View Full Course Catalog</a>\n </div>",
"target": [
".container > div:nth-child(3)"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"tracker-button\" onclick=\"trackApplication()\">Track Application</button>",
"target": [
"button"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Academia Nexus</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Transform Your Education Journey</h2>",
"target": [
".container > h2"
]
},
{
"html": "<h2>Why Choose Academia Nexus?</h2>",
"target": [
"#features > .container > .section-header > h2"
]
},
{
"html": "<h3>Expert Faculty</h3>",
"target": [
".feature-card:nth-child(1) > .feature-content > h3"
]
},
{
"html": "<h3>Innovative Curriculum</h3>",
"target": [
".feature-card:nth-child(2) > .feature-content > h3"
]
},
{
"html": "<h3>Global Opportunities</h3>",
"target": [
".feature-card:nth-child(3) > .feature-content > h3"
]
},
{
"html": "<h2>Faculty Spotlight</h2>",
"target": [
"#faculty > .container > .section-header > h2"
]
},
{
"html": "<h3>Dr. Eleanor Vance, Ph.D.</h3>",
"target": [
".faculty-details > h3"
]
},
{
"html": "<h4>Research Focus:</h4>",
"target": [
".faculty-details > h4"
]
},
{
"html": "<h2>Course Catalog</h2>",
"target": [
"#courses > .container > .section-header > h2"
]
},
{
"html": "<h4>Advanced Artificial Intelligence</h4>",
"target": [
".course-card:nth-child(1) > .course-card-body > h4"
]
},
{
"html": "<h4>Strategic Management & Leadership</h4>",
"target": [
".course-card:nth-child(2) > .course-card-body > h4"
]
},
{
"html": "<h4>Genomic Medicine & Personalized Health</h4>",
"target": [
".course-card:nth-child(3) > .course-card-body > h4"
]
},
{
"html": "<h2>Student Success Stories</h2>",
"target": [
"#testimonials > .container > .section-header > h2"
]
},
{
"html": "<h5>Michael Chen</h5>",
"target": [
".testimonial-card:nth-child(1) > .testimonial-author > .testimonial-author-info > h5"
]
},
{
"html": "<h5>Sarah Johnson</h5>",
"target": [
".testimonial-card:nth-child(2) > .testimonial-author > .testimonial-author-info > h5"
]
},
{
"html": "<h5>David M\u00fcller</h5>",
"target": [
".testimonial-card:nth-child(3) > .testimonial-author > .testimonial-author-info > h5"
]
},
{
"html": "<h2>Application Tracker</h2>",
"target": [
".tracker-header > h2"
]
},
{
"html": "<h3>Quick Links</h3>",
"target": [
".sidebar > h3:nth-child(1)"
]
},
{
"html": "<h3>Upcoming Events</h3>",
"target": [
"h3:nth-child(3)"
]
},
{
"html": "<h3>Contact Admissions</h3>",
"target": [
"h3:nth-child(5)"
]
},
{
"html": "<h4>Academia Nexus</h4>",
"target": [
".footer-column:nth-child(1) > h4"
]
},
{
"html": "<h4>Quick Links</h4>",
"target": [
".footer-column:nth-child(2) > h4"
]
},
{
"html": "<h4>Resources</h4>",
"target": [
".footer-column:nth-child(3) > h4"
]
},
{
"html": "<h4>Contact Us</h4>",
"target": [
".footer-column:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main>",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#3498db",
"contrastRatio": 3.15,
"fontSize": "18.0pt (24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 3.15"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"logo\">AN</div>",
"target": [
".logo"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "duplicate-id-aria",
"data": "appId",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"text\" id=\"appId\" placeholder=\"Enter your Application ID\">",
"target": [
"#appId"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"appId\">Application ID</label>",
"target": [
"label"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"text\" id=\"appId\" placeholder=\"Enter your Application ID\">",
"target": [
"#appId"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://picsum.photos/600/400?grayscale&blur=1\" alt=\"Dr. Eleanor Vance\">",
"target": [
"img[alt=\"Dr. Eleanor Vance\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Application ID"
},
"relatedNodes": [
{
"html": "<label for=\"appId\">Application ID</label>",
"target": [
"label"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"text\" id=\"appId\" placeholder=\"Enter your Application ID\">",
"target": [
"#appId"
]
}
]
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "link-in-text-block",
"data": null,
"relatedNodes": [
{
"html": "<p>\u00a9 <span id=\"currentYear\">2026</span> Academia Nexus. All Rights Reserved. | <a href=\"#\">Privacy Policy</a> | <a href=\"#\">Terms of Use</a></p>",
"target": [
".copyright > p"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text in some way other than by color"
},
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<p>\u00a9 <span id=\"currentYear\">2026</span> Academia Nexus. All Rights Reserved. | <a href=\"#\">Privacy Policy</a> | <a href=\"#\">Terms of Use</a></p>",
"target": [
".copyright > p"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\">Privacy Policy</a>",
"target": [
"p > a[href=\"#\"]:nth-child(2)"
]
}
]
},
{
"id": "link-name",
"impact": "serious",
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#features\">Programs</a>",
"target": [
"nav > ul > li:nth-child(1) > a[href$=\"#features\"]"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul>",
"target": [
"nav > ul"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#features\">Programs</a></li>",
"target": [
"nav > ul > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://picsum.photos/600/400?grayscale&blur=1\" alt=\"Dr. Eleanor Vance\">",
"target": [
"img[alt=\"Dr. Eleanor Vance\"]"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 67.6,
"height": 29
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (67.6px by 29px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#features\">Programs</a>",
"target": [
"nav > ul > li:nth-child(1) > a[href$=\"#features\"]"
]
}
]
}
],
"incomplete": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "36.0pt (48px)",
"fontWeight": "bold",
"messageKey": "bgGradient",
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Transform Your Education Journey</h2>",
"target": [
".container > h2"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#27ae60",
"contrastRatio": 2.87,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#courses\" class=\"cta-button\">Explore Our Programs</a>",
"target": [
".cta-button[href$=\"#courses\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.87 (foreground color: #ffffff, background color: #27ae60, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#courses\" class=\"cta-button\">Explore Our Programs</a>",
"target": [
".cta-button[href$=\"#courses\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.87 (foreground color: #ffffff, background color: #27ae60, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<main>",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>We provide a comprehensive educational experience tailored to meet the needs of modern learners. Our commitment to excellence is reflected in every aspect of our institution.</p>",
"target": [
"#features > .container > .section-header > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#3498db",
"bgColor": "#ffffff",
"contrastRatio": 3.15,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"feature-card\">",
"target": [
".feature-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#faculty\" class=\"cta\">Meet Our Faculty</a>",
"target": [
".cta[href$=\"#faculty\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#3498db",
"bgColor": "#ffffff",
"contrastRatio": 3.15,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"feature-card\">",
"target": [
".feature-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#courses\" class=\"cta\">View Course Catalog</a>",
"target": [
".cta[href$=\"#courses\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#3498db",
"bgColor": "#ffffff",
"contrastRatio": 3.15,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"feature-card\">",
"target": [
".feature-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#events\" class=\"cta\">Global Events</a>",
"target": [
".cta[href$=\"#events\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.15 (foreground color: #3498db, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ecf0f1",
"contrastRatio": 3.03,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"faculty\" class=\"faculty-spotlight\">",
"target": [
"#faculty"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #7f8c8d, background color: #ecf0f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Our distinguished faculty members are not just teachers; they are mentors, researchers, and pioneers in their fields. Their passion for education and dedication to student success defines the Academia Nexus experience.</p>",
"target": [
"#faculty > .container > .section-header > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #7f8c8d, background color: #ecf0f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#3498db",
"bgColor": "#ecf0f1",
"contrastRatio": 2.74,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"faculty\" class=\"faculty-spotlight\">",
"target": [
"#faculty"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.74 (foreground color: #3498db, background color: #ecf0f1, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"position\">Professor of Cognitive Science</span>",
"target": [
".position"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.74 (foreground color: #3498db, background color: #ecf0f1, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"courses\" class=\"course-catalog\">",
"target": [
"#courses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Explore our diverse range of programs and courses designed to provide you with the knowledge and skills needed to succeed in your chosen field. From foundational courses to specialized electives, we offer a comprehensive academic journey.</p>",
"target": [
"#courses > .container > .section-header > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"courses\" class=\"course-catalog\">",
"target": [
"#courses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Dive deep into machine learning algorithms, neural networks, and natural language processing. This course covers both theoretical foundations and practical applications in real-world scenarios.</p>",
"target": [
".course-card:nth-child(1) > .course-card-body > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"courses\" class=\"course-catalog\">",
"target": [
"#courses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Develop the skills to navigate complex organizational challenges, formulate effective strategies, and lead diverse teams towards achieving strategic objectives in a rapidly changing global marketplace.</p>",
"target": [
".course-card:nth-child(2) > .course-card-body > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"courses\" class=\"course-catalog\">",
"target": [
"#courses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Explore the revolutionary field of genomic medicine, understanding how genetic information is utilized to develop personalized treatment plans and prevent diseases through advanced diagnostic techniques.</p>",
"target": [
".course-card:nth-child(3) > .course-card-body > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#27ae60",
"contrastRatio": 2.87,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#\" class=\"cta-button\">View Full Course Catalog</a>",
"target": [
".cta-button[href=\"#\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.87 (foreground color: #ffffff, background color: #27ae60, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"cta-button\">View Full Course Catalog</a>",
"target": [
".cta-button[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.87 (foreground color: #ffffff, background color: #27ae60, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ecf0f1",
"contrastRatio": 3.03,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section id=\"testimonials\" class=\"testimonials\">",
"target": [
"#testimonials"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #7f8c8d, background color: #ecf0f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Hear from our students and alumni about their transformative experiences at Academia Nexus. Their journeys reflect the power of education to open doors and create opportunities.</p>",
"target": [
"#testimonials > .container > .section-header > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #7f8c8d, background color: #ecf0f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card\">",
"target": [
".testimonial-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>M.S. Computer Science, Class of 2022</p>",
"target": [
".testimonial-card:nth-child(1) > .testimonial-author > .testimonial-author-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card\">",
"target": [
".testimonial-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Ph.D. Sustainable Engineering, Class of 2021</p>",
"target": [
".testimonial-card:nth-child(2) > .testimonial-author > .testimonial-author-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7f8c8d",
"bgColor": "#ffffff",
"contrastRatio": 3.47,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card\">",
"target": [
".testimonial-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>B.A. International Relations, Class of 2023</p>",
"target": [
".testimonial-card:nth-child(3) > .testimonial-author > .testimonial-author-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#3498db",
"contrastRatio": 3.15,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"tracker-button\" onclick=\"trackApplication()\">Track Application</button>",
"target": [
"button"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.15 (foreground color: #ffffff, background color: #3498db, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"tracker-button\" onclick=\"trackApplication()\">Track Application</button>",
"target": [
"button"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.15 (foreground color: #ffffff, background color: #3498db, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0000ee",
"bgColor": "#34495e",
"contrastRatio": 1.01,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer>",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.01 (foreground color: #0000ee, background color: #34495e, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Privacy Policy</a>",
"target": [
"p > a[href=\"#\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.01 (foreground color: #0000ee, background color: #34495e, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0000ee",
"bgColor": "#34495e",
"contrastRatio": 1.01,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer>",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.01 (foreground color: #0000ee, background color: #34495e, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Terms of Use</a>",
"target": [
"p > a[href=\"#\"]:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.01 (foreground color: #0000ee, background color: #34495e, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "link-name",
"impact": "serious",
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have text that is visible to screen readers"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is in tab order and does not have accessible text"
}
],
"impact": "serious",
"html": "<a href=\"#\"><i class=\"fab fa-facebook-f\"></i></a>",
"target": [
".social-links > a[href=\"#\"]:nth-child(1)"
],
"failureSummary": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
},
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have text that is visible to screen readers"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is in tab order and does not have accessible text"
}
],
"impact": "serious",
"html": "<a href=\"#\"><i class=\"fab fa-twitter\"></i></a>",
"target": [
".social-links > a[href=\"#\"]:nth-child(2)"
],
"failureSummary": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
},
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have text that is visible to screen readers"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is in tab order and does not have accessible text"
}
],
"impact": "serious",
"html": "<a href=\"#\"><i class=\"fab fa-linkedin-in\"></i></a>",
"target": [
".social-links > a[href=\"#\"]:nth-child(3)"
],
"failureSummary": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
},
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have text that is visible to screen readers"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is in tab order and does not have accessible text"
}
],
"impact": "serious",
"html": "<a href=\"#\"><i class=\"fab fa-instagram\"></i></a>",
"target": [
"a[href=\"#\"]:nth-child(4)"
],
"failureSummary": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
},
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have text that is visible to screen readers"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is in tab order and does not have accessible text"
}
],
"impact": "serious",
"html": "<a href=\"#\"><i class=\"fab fa-youtube\"></i></a>",
"target": [
"a[href=\"#\"]:nth-child(5)"
],
"failureSummary": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 5639
},
{
"y": 576,
"height": 5639
},
{
"y": 1152,
"height": 5639
},
{
"y": 1728,
"height": 5639
},
{
"y": 2304,
"height": 5639
},
{
"y": 2880,
"height": 5639
},
{
"y": 3456,
"height": 5639
},
{
"y": 4032,
"height": 5639
},
{
"y": 4608,
"height": 5639
},
{
"y": 4919,
"height": 5639
}
],
"scans": 11,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Education" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.
**Client & Category:**
- Industry: "Education"
- Description: Educational resources, school and university information, and online learning platforms.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Education" category.
2. **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3. **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.
**Content & Structure Requirements (Deliver a COMPLETE page):**
- **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
- **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Faculty", "Events", "Admissions".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Education" category. Consider themes similar to: "Faculty Spotlight", "Course Catalog", "Student Success".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "academic calendar", "credit hours", "thesis".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Meet Faculty", "Request Information", "View Courses".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Education" sector. Ideas similar but not limited to: "application tracker".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "research updates", "alumni achievements", "events calendar".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.