Νέο στο Agora · Διακομιστής MCP
Ο ενσωματωμένος διακομιστής MCP του Agora δίνει στο Claude Code, στο Cursor, στο GitHub Copilot και σε κάθε άλλο πράκτορα με υποστήριξη MCP ένα πραγματικό εργαλείο ελέγχου προσβασιμότητας. Ο πράκτοράς σας σαρώνει τη σελίδα που μόλις δημιούργησε, βλέπει ακριβώς τι αποτυγχάνει και γιατί, διορθώνει τον κώδικα και σαρώνει ξανά για να το αποδείξει – πριν καν υπάρξει αίτημα συγχώνευσης.
Κινούμενο παράδειγμα μιας συνεδρίας προγραμματισμού: ένας προγραμματιστής ζητά από τον πράκτορα ΤΝ του να ελέγξει το localhost:3000/checkout για ζητήματα προσβασιμότητας και να τα διορθώσει. Ο πράκτορας καλεί το εργαλείο scan_url του Agora και λαμβάνει βαθμολογία 58 στα 100 με τέσσερα ζητήματα: ένα κουμπί χωρίς όνομα, μια εικόνα χωρίς εναλλακτικό κείμενο, κείμενο χαμηλής αντίθεσης και ένα πεδίο εισαγωγής χωρίς ετικέτα. Διορθώνει τον κώδικα σε τρία αρχεία, σαρώνει ξανά και φτάνει στο 100 στα 100.
Συνεργάζεται με
Το κενό στις διεπαφές που γράφει η ΤΝ
Οι πράκτορες κώδικα έμαθαν από τον ιστό, και ο περισσότερος ιστός δεν είναι προσβάσιμος: κουμπιά μόνο με εικονίδιο, ετικέτες που λείπουν, κείμενο χαμηλής αντίθεσης. Χωρίς τρόπο ελέγχου, ο πράκτοράς σας δεν μπορεί να ξέρει αν το στοιχείο που μόλις δημιούργησε λειτουργεί για χρήστες πληκτρολογίου ή αναγνώστη οθόνης. Τώρα μπορεί να το ελέγξει, με την ίδια μηχανή που ήδη εμπιστεύεται η ομάδα προσβασιμότητάς σας.
Έτοιμο σε ένα λεπτό
Ο διακομιστής MCP ξεκινά μαζί με το Agora και δέχεται συνδέσεις μόνο από τον υπολογιστή σας. Η σελίδα «Πράκτορες ΤΝ» δείχνει την κατάστασή του και τη διεύθυνση που θα χρησιμοποιήσετε.
Αντιγράψτε μία εντολή ή ένα απόσπασμα ρυθμίσεων από το Agora ή χρησιμοποιήστε την εγκατάσταση με ένα κλικ για Cursor και VS Code.
«Σάρωσε το localhost:3000 και διόρθωσε ό,τι βρεις.» Ο πράκτοράς σας καλεί το Agora, εφαρμόζει τις διορθώσεις και τις επαληθεύει.
Μέσα σε μια κλήση εργαλείου
Καμία αόριστη βαθμολογία. Το Agora επιστρέφει κάθε παράβαση με το κριτήριο WCAG, το ακριβές στοιχείο, τον κώδικα HTML του και μια συγκεκριμένη διόρθωση, σε μορφή που ο πράκτορας μπορεί να αξιοποιήσει αμέσως.
Πράκτορας → Agora
Ελληνικά 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Català 
Română 
Suomi 
Čeština 
Magyar 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → πράκτορας
http://localhost:3000/checkout
3 ζητήματα · 5 στοιχεία · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Τρόπος διόρθωσης: Element does not have inner text that is visible to screen readers; aria-label attribute does not exist or is empty
label WCAG 4.1.2 Form elements must have labels
#card-cvc
<input id="card-cvc" placeholder="CVC">Τρόπος διόρθωσης: Element does not have an explicit <label>; aria-label attribute does not exist or is empty
color-contrast WCAG 1.4.3 Elements must meet minimum color contrast ratio thresholds
.total__hint
<p class="total__hint">Taxes included</p>Τρόπος διόρθωσης: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Πράκτορας → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → πράκτορας
HTML component (2.4 KB)
3 ζητήματα · 4 στοιχεία · WCAG 2.2 AA
aria-required-children WCAG 1.3.1 Certain ARIA roles must contain particular children
nav.tabs > ul[role="tablist"]
<ul role="tablist">…</ul>Τρόπος διόρθωσης: Element has children which are not allowed: li[tabindex]
aria-valid-attr-value WCAG 4.1.2 ARIA attributes must conform to valid values
#tab-billing
<a id="tab-billing" aria-controls="billing">Τρόπος διόρθωσης: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Τρόπος διόρθωσης: Heading order invalid
Τέσσερα εργαλεία, κάθε ροή εργασίας
scan_url Τοπικοί διακομιστές ανάπτυξης, δοκιμαστικό ή παραγωγικό περιβάλλον, ή ένα αρχείο στον δίσκο.
scan_html Ελέγξτε ένα στοιχείο πριν ενσωματωθεί σε μια σελίδα, χωρίς να χρειάζεται διακομιστής.
validate_attributes Οι σαρωτές εντοπίζουν ονόματα που λείπουν. Αυτό το εργαλείο ελέγχει αν τα ονόματα που υπάρχουν έχουν πραγματικά νόημα.
simulate_screen_reader Ακούστε μια σελίδα ή ένα στοιχείο όπως οι τυφλοί χρήστες, απευθείας από το δέντρο προσβασιμότητας του Chrome.
Προσβάσιμο εξ ορισμού
Αντί για έναν ξεχωριστό έλεγχο εβδομάδες αργότερα, η δοκιμή γίνεται μέσα στον ίδιο κύκλο που ήδη εκτελεί ο πράκτοράς σας για τύπους, δοκιμές και στατική ανάλυση κώδικα.
Δημιουργία
Ο πράκτοράς σας γράφει ή αλλάζει τη διεπαφή.
Σάρωση
Καλεί το Agora για τη σελίδα ή το στοιχείο.
Διόρθωση
Εφαρμόζει τις διορθώσεις που υποδεικνύει το Agora.
Επαλήθευση
Σαρώνει ξανά μέχρι να εξαφανιστούν τα ζητήματα.
Γιατί το επιλέγουν οι ομάδες
Ο διακομιστής δέχεται συνδέσεις μόνο από τον δικό σας υπολογιστή, και οι σελίδες αποδίδονται και σαρώνονται τοπικά μέσα στο Agora.
axe-core με κανόνες A και AA των WCAG 2.0, 2.1 και 2.2, καθώς και προαιρετικούς ελέγχους AAA: τους ίδιους κανόνες με κάθε άλλη σάρωση του Agora.
Οι σελίδες αποδίδονται στο Chrome, οπότε τα στυλ, τα σενάρια και η απόδοση στο πρόγραμμα περιήγησης αποτελούν όλα μέρος του ελέγχου.
Διακομιστές ανάπτυξης με αυτοϋπογεγραμμένα πιστοποιητικά, διαδρομές file:// και σελίδες πίσω από βασικό έλεγχο ταυτότητας που έχετε αποθηκεύσει στο Agora λειτουργούν χωρίς κόπο.
Ένα κοινόχρηστο, ήδη ενεργό πρόγραμμα περιήγησης κρατά τις σαρώσεις γρήγορες, ώστε ο πράκτοράς σας να ελέγχει μετά από κάθε αλλαγή.
Claude Code, Cursor, VS Code με GitHub Copilot, Windsurf, Claude Desktop, Codex CLI και Gemini CLI, με οδηγίες ρύθμισης για τον καθένα μέσα στο Agora.
Ξεκινήστε μια δωρεάν δοκιμή του Agora, συνδέστε τον πράκτορα κώδικα σε ένα λεπτό και δείτε τον να διορθώνει ζητήματα προσβασιμότητας πριν φτάσουν στην αναθεώρηση κώδικα.