Files
zulip/templates/zerver/create_realm.html
Jeremy Bowman 5436f872f7 Provide alt text for validation check mark
The check mark which appears for valid input in assorted forms
(such as login and registration) didn't have alternative text
for better accessibility.  Added "Valid" as the alt text in all
places it's used.

Fixes #4876.
2017-05-25 16:06:47 -07:00

46 lines
1.7 KiB
HTML

{% extends "zerver/portico_signup.html" %}
{# Home page for not logged-in users. #}
{# This is where we pitch the app and solicit signups. #}
{% block portico_content %}
<script type="text/javascript">
$(function () {
autofocus('#email');
});
</script>
<div class="app register-page flex">
<div class="app-main register-page-container new-style flex full-page">
<div class="bg-image"></div>
<div class="register-form">
<div class="lead">
<h1 class="get-started">{{ _("Create a new Zulip organization") }}</h1>
</div>
<form class="form-inline" id="send_confirm" name="email_form"
action="{{ current_url() }}" method="post">
{{ csrf_input }}
<div class="input-box horizontal">
<div class="inline-block relative">
<input type="text" class="email required" placeholder="{{ _("Enter your work email address") }}"
id="email" name="email" required />
<label for="id_username">{{ _('Email') }}</label>
<div class="required"></div>
<img class="valid" src="/static/images/checkbox-valid.svg" alt="{{ _('Valid') }}" />
</div>
<button type="submit" class="new-organization-button register-button">{{ _("Create organization") }}</button>
</div>
</form>
<div id="errors"></div>
{% if form.email.errors %}
{% for error in form.email.errors %}
<div class="alert alert-error">{{ error }}</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endblock %}