245 lines
10 KiB
HTML
245 lines
10 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
<!-- Primary Meta Tags -->
|
||
<title>
|
||
Sascha Bach | Freelance Software Developer – Accessible Web Development
|
||
</title>
|
||
<meta
|
||
name="description"
|
||
content="Freelance software developer in Germany specializing in accessible web development. I build inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks."
|
||
/>
|
||
<meta name="author" content="Sascha Bach" />
|
||
<meta
|
||
name="keywords"
|
||
content="freelance software developer, accessible web development, barrierefreie Webentwicklung, React developer, TypeScript, web accessibility, BFSG, Germany"
|
||
/>
|
||
<link rel="canonical" href="https://sascha-bach.de/de/" />
|
||
<link rel="alternate" type="text/markdown" href="https://sascha-bach.de/llms.txt" />
|
||
<link rel="alternate" type="text/markdown" href="https://sascha-bach.de/llms-full.txt" />
|
||
<link rel="alternate" type="text/markdown" href="https://sascha-bach.de/AGENTS.md" />
|
||
<link rel="agents" href="https://sascha-bach.de/.well-known/agents.json" />
|
||
<link rel="agent-card" href="https://sascha-bach.de/.well-known/agent-card.json" />
|
||
<link rel="service-desc" type="application/json" href="https://sascha-bach.de/.well-known/webmcp.json" />
|
||
<link rel="service-desc" type="application/json" href="https://sascha-bach.de/.well-known/mcp.json" />
|
||
|
||
<!-- Hreflang for multi-language -->
|
||
<link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/" />
|
||
<link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/" />
|
||
<link
|
||
rel="alternate"
|
||
hreflang="x-default"
|
||
href="https://sascha-bach.de/de/"
|
||
/>
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://sascha-bach.de/de/" />
|
||
<meta
|
||
property="og:title"
|
||
content="Sascha Bach | Freelance Software Developer"
|
||
/>
|
||
<meta
|
||
property="og:description"
|
||
content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act."
|
||
/>
|
||
<meta property="og:image" content="https://sascha-bach.de/og-image.png" />
|
||
<meta property="og:image:width" content="1200" />
|
||
<meta property="og:image:height" content="630" />
|
||
<meta
|
||
property="og:image:alt"
|
||
content="Sascha Bach – Freelance Software Developer specializing in accessible web development"
|
||
/>
|
||
<meta property="og:locale" content="de_DE" />
|
||
<meta property="og:locale:alternate" content="en_US" />
|
||
<meta property="og:site_name" content="Sascha Bach" />
|
||
|
||
<!-- Twitter -->
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta
|
||
name="twitter:title"
|
||
content="Sascha Bach | Freelance Software Developer | Accessibility WCAG Barrierefreiheitsstärkungsgesetz"
|
||
/>
|
||
<meta
|
||
name="twitter:description"
|
||
content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act and WCAG."
|
||
/>
|
||
<meta name="twitter:image" content="https://sascha-bach.de/og-image.png" />
|
||
<meta
|
||
name="twitter:image:alt"
|
||
content="Sascha Bach – Freelance Software Developer specializing in accessible web development"
|
||
/>
|
||
|
||
<!-- JSON-LD Structured Data: Person (primary entity) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Person",
|
||
"@id": "https://sascha-bach.de/#person",
|
||
"name": "Sascha Bach",
|
||
"jobTitle": "Freelance Software Developer",
|
||
"url": "https://sascha-bach.de",
|
||
"image": "https://sascha-bach.de/og-image.png",
|
||
"description": "Sascha Bach is a freelance software developer based in Germany specializing in accessible web development (BFSG, WCAG 2.1, European Accessibility Act) using React, TypeScript, and Angular.",
|
||
"knowsLanguage": ["de", "en"],
|
||
"knowsAbout": [
|
||
"Web Accessibility",
|
||
"BFSG",
|
||
"WCAG 2.1",
|
||
"React",
|
||
"TypeScript",
|
||
"Angular",
|
||
"Frontend Development"
|
||
],
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressRegion": "Hessen",
|
||
"addressCountry": "DE"
|
||
},
|
||
"sameAs": [
|
||
"https://www.linkedin.com/in/saschabach/",
|
||
"https://codeberg.org/saschab"
|
||
],
|
||
"worksFor": {
|
||
"@id": "https://sascha-bach.de/#business"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD Structured Data: ProfessionalService -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ProfessionalService",
|
||
"@id": "https://sascha-bach.de/#business",
|
||
"name": "Sascha Bach – Freelance Software Developer",
|
||
"url": "https://sascha-bach.de",
|
||
"logo": "https://sascha-bach.de/og-image.png",
|
||
"image": "https://sascha-bach.de/og-image.png",
|
||
"description": "Freelance software developer specializing in accessible web development, React, TypeScript, Angular, and BFSG/WCAG compliance.",
|
||
"founder": { "@id": "https://sascha-bach.de/#person" },
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressRegion": "Berlin",
|
||
"addressCountry": "DE"
|
||
},
|
||
"areaServed": ["DE", "AT", "CH"],
|
||
"knowsLanguage": ["de", "en"],
|
||
"hasOfferCatalog": {
|
||
"@type": "OfferCatalog",
|
||
"name": "Web Development Services",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "Offer",
|
||
"itemOffered": {
|
||
"@type": "Service",
|
||
"name": "Accessible Web Development (BFSG / WCAG 2.2)"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"itemOffered": {
|
||
"@type": "Service",
|
||
"name": "Frontend Development (React, TypeScript, Angular)"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"itemOffered": {
|
||
"@type": "Service",
|
||
"name": "Responsive Web Design"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"itemOffered": {
|
||
"@type": "Service",
|
||
"name": "Performance Optimization"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD Structured Data: WebSite -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebSite",
|
||
"@id": "https://sascha-bach.de/#website",
|
||
"url": "https://sascha-bach.de",
|
||
"name": "Sascha Bach",
|
||
"publisher": { "@id": "https://sascha-bach.de/#person" }
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD Structured Data: FAQ (GEO) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "Was ist das BFSG und wen betrifft es?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet Unternehmen ab dem 28. Juni 2025, ihre digitalen Produkte und Websites barrierefrei zu gestalten. Es gilt für Unternehmen mit mehr als 10 Mitarbeitern oder mehr als 2 Millionen Euro Jahresumsatz."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "What is accessible web development?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Accessible web development means building websites that can be used by everyone, including people with visual, auditory, motor, or cognitive disabilities. It follows the Web Content Accessibility Guidelines (WCAG 2.1) and ensures compatibility with assistive technologies like screen readers."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Welche Technologien nutzt Sascha Bach für die Webentwicklung?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Sascha Bach entwickelt mit React, Angular, TypeScript, JavaScript und modernen CSS-Methoden. Der Fokus liegt auf barrierefreien, responsiven Webanwendungen nach WCAG 2.2 und BFSG-Standard."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "How does web accessibility improve SEO?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Accessible websites use semantic HTML, proper heading structures, descriptive alt texts, and keyboard-navigable interfaces — all of which search engines reward with better rankings. Google's crawlers are effectively assistive technologies themselves."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Wie kann ich prüfen, ob meine Website barrierefrei ist?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Eine erste Überprüfung ist mit kostenlosen Tools wie dem WAVE Web Accessibility Evaluator oder Lighthouse in den Chrome DevTools möglich. Für eine vollständige BFSG-konforme Prüfung empfiehlt sich eine manuelle Analyse durch einen Experten (wie mich ;-) )."
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div id="root"></div>
|
||
<noscript>
|
||
<h1>Sascha Bach – Freelance Software Developer</h1>
|
||
<p>
|
||
Freelance software developer in Germany specializing in accessible web
|
||
development. Building inclusive websites compliant with the
|
||
Accessibility Act using React, TypeScript, and modern frameworks.
|
||
</p>
|
||
<p>Contact: freelancer [at] sascha-bach.de</p>
|
||
<p>Visit with JavaScript enabled for the full experience.</p>
|
||
</noscript>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
</body>
|
||
</html>
|