<pre class="wp-block-syntaxhighlighter-code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> name="viewport" content="width=device-width, initial-scale=1.0"> <title>Accessible Web Page</title> <style> /* General Styles */ body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: } .container max-width: 800px; 0 auto; 20px; Header header background-color: #333; color: #fff; 10px text-align: center; Navigation nav #666; 10px; ul list-style: none; li display: inline; a text-decoration: Main Content main 20px Footer footer </style> </head> <body> <header> <h1>Welcome to our Accessible Website</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> href="#">About</a></li> href="#">Services</a></li> href="#">Contact</a></li> </ul> </nav> <main class="container"> <h2>About Us</h2> <p>This is simple example of an accessible web page.</p> </main> <footer> <p>© 2024 Solutions</p> </footer> </body> </pre>
Accessible Web Page /* General Styles */ body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } .container { max-width: 800px; margin: 0 auto; padding: 20px; } /* Header Styles */ header { background-color: #333; color: #fff; padding: 10px 0; text-align: center; } /* Navigation Styles */ nav { background-color: #666; padding: 10px; } nav ul { list-style: none; margin: 0; padding: 0; text-align: center; } nav ul li { display: inline; margin: 0 10px; } nav ul li a { color: #fff; text-decoration: none; } /* Main Content Styles */ main { padding: 20px 0; } /* Footer Styles */ footer { background-color: #333; color: #fff; padding: 10px 0; text-align: center; } Welcome to our Accessible Website <a href="#">Home</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Contact</a> About Us This is a simple example of an accessible web page. © 2024 Accessible Web Solutions
<?php
/*
Theme Name: Accessible Theme
Description: A simple accessible WordPress theme
Author: Your Name
Version: 1.0
*/
function accessible_theme_scripts() {
// Enqueue stylesheets
wp_enqueue_style( 'accessible-style', get_stylesheet_uri() );
// Enqueue scripts
wp_enqueue_script( 'accessible-script', get_template_directory_uri() . '/js/script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'accessible_theme_scripts' );
// Add support for custom logo
add_theme_support( 'custom-logo' );
// Add support for menus
add_theme_support( 'menus' );
// Register navigation menus
function accessible_theme_register_menus() {
register_nav_menus( array(
'primary-menu' => __( 'Primary Menu', 'accessible-theme' ),
'footer-menu' => __( 'Footer Menu', 'accessible-theme' ),
) );
}
add_action( 'init', 'accessible_theme_register_menus' );