|
762 | 762 | ganttNavigate = $('<div class="navigate" />')
|
763 | 763 | .append($('<div class="nav-slider" />')
|
764 | 764 | .append($('<div class="nav-slider-left" />')
|
765 |
| - .append($('<span role="button" class="nav-link nav-page-back"/>') |
| 765 | + .append($('<button type="button" class="nav-link nav-page-back"/>') |
766 | 766 | .html('<')
|
767 | 767 | .click(function () {
|
768 | 768 | core.navigatePage(element, -1);
|
769 | 769 | }))
|
770 | 770 | .append($('<div class="page-number"/>')
|
771 | 771 | .append($('<span/>')
|
772 | 772 | .html(element.pageNum + 1 + ' of ' + element.pageCount)))
|
773 |
| - .append($('<span role="button" class="nav-link nav-page-next"/>') |
| 773 | + .append($('<button type="button" class="nav-link nav-page-next"/>') |
774 | 774 | .html('>')
|
775 | 775 | .click(function () {
|
776 | 776 | core.navigatePage(element, 1);
|
777 | 777 | }))
|
778 |
| - .append($('<span role="button" class="nav-link nav-now"/>') |
| 778 | + .append($('<button type="button" class="nav-link nav-now"/>') |
779 | 779 | .html('●')
|
780 | 780 | .click(function () {
|
781 | 781 | core.navigateTo(element, 'now');
|
782 | 782 | }))
|
783 |
| - .append($('<span role="button" class="nav-link nav-prev-week"/>') |
| 783 | + .append($('<button type="button" class="nav-link nav-prev-week"/>') |
784 | 784 | .html('<<')
|
785 | 785 | .click(function () {
|
786 | 786 | if (settings.scale === 'hours') {
|
|
793 | 793 | core.navigateTo(element, tools.getCellSize() * 6);
|
794 | 794 | }
|
795 | 795 | }))
|
796 |
| - .append($('<span role="button" class="nav-link nav-prev-day"/>') |
| 796 | + .append($('<button type="button" class="nav-link nav-prev-day"/>') |
797 | 797 | .html('<')
|
798 | 798 | .click(function () {
|
799 | 799 | if (settings.scale === 'hours') {
|
|
825 | 825 | )
|
826 | 826 | )
|
827 | 827 | .append($('<div class="nav-slider-right" />')
|
828 |
| - .append($('<span role="button" class="nav-link nav-next-day"/>') |
| 828 | + .append($('<button type="button" class="nav-link nav-next-day"/>') |
829 | 829 | .html('>')
|
830 | 830 | .click(function () {
|
831 | 831 | if (settings.scale === 'hours') {
|
|
838 | 838 | core.navigateTo(element, tools.getCellSize() * -3);
|
839 | 839 | }
|
840 | 840 | }))
|
841 |
| - .append($('<span role="button" class="nav-link nav-next-week"/>') |
| 841 | + .append($('<button type="button" class="nav-link nav-next-week"/>') |
842 | 842 | .html('>>')
|
843 | 843 | .click(function () {
|
844 | 844 | if (settings.scale === 'hours') {
|
|
851 | 851 | core.navigateTo(element, tools.getCellSize() * -6);
|
852 | 852 | }
|
853 | 853 | }))
|
854 |
| - .append($('<span role="button" class="nav-link nav-zoomIn"/>') |
| 854 | + .append($('<button type="button" class="nav-link nav-zoomIn"/>') |
855 | 855 | .html('+')
|
856 | 856 | .click(function () {
|
857 | 857 | core.zoomInOut(element, -1);
|
858 | 858 | }))
|
859 |
| - .append($('<span role="button" class="nav-link nav-zoomOut"/>') |
| 859 | + .append($('<button type="button" class="nav-link nav-zoomOut"/>') |
860 | 860 | .html('-')
|
861 | 861 | .click(function () {
|
862 | 862 | core.zoomInOut(element, 1);
|
|
869 | 869 | // Button navigation is provided by setting `settings.navigation='buttons'`
|
870 | 870 | } else {
|
871 | 871 | ganttNavigate = $('<div class="navigate" />')
|
872 |
| - .append($('<span role="button" class="nav-link nav-page-back"/>') |
| 872 | + .append($('<button type="button" class="nav-link nav-page-back"/>') |
873 | 873 | .html('<')
|
874 | 874 | .click(function () {
|
875 | 875 | core.navigatePage(element, -1);
|
876 | 876 | }))
|
877 | 877 | .append($('<div class="page-number"/>')
|
878 | 878 | .append($('<span/>')
|
879 | 879 | .html(element.pageNum + 1 + ' of ' + element.pageCount)))
|
880 |
| - .append($('<span role="button" class="nav-link nav-page-next"/>') |
| 880 | + .append($('<button type="button" class="nav-link nav-page-next"/>') |
881 | 881 | .html('>')
|
882 | 882 | .click(function () {
|
883 | 883 | core.navigatePage(element, 1);
|
884 | 884 | }))
|
885 |
| - .append($('<span role="button" class="nav-link nav-begin"/>') |
| 885 | + .append($('<button type="button" class="nav-link nav-begin"/>') |
886 | 886 | .html('|<')
|
887 | 887 | .click(function () {
|
888 | 888 | core.navigateTo(element, 'begin');
|
889 | 889 | }))
|
890 |
| - .append($('<span role="button" class="nav-link nav-prev-week"/>') |
| 890 | + .append($('<button type="button" class="nav-link nav-prev-week"/>') |
891 | 891 | .html('<<')
|
892 | 892 | .click(function () {
|
893 | 893 | core.navigateTo(element, tools.getCellSize() * 7);
|
894 | 894 | }))
|
895 |
| - .append($('<span role="button" class="nav-link nav-prev-day"/>') |
| 895 | + .append($('<button type="button" class="nav-link nav-prev-day"/>') |
896 | 896 | .html('<')
|
897 | 897 | .click(function () {
|
898 | 898 | core.navigateTo(element, tools.getCellSize());
|
899 | 899 | }))
|
900 |
| - .append($('<span role="button" class="nav-link nav-now"/>') |
| 900 | + .append($('<button type="button" class="nav-link nav-now"/>') |
901 | 901 | .html('●')
|
902 | 902 | .click(function () {
|
903 | 903 | core.navigateTo(element, 'now');
|
904 | 904 | }))
|
905 |
| - .append($('<span role="button" class="nav-link nav-next-day"/>') |
| 905 | + .append($('<button type="button" class="nav-link nav-next-day"/>') |
906 | 906 | .html('>')
|
907 | 907 | .click(function () {
|
908 | 908 | core.navigateTo(element, tools.getCellSize() * -1);
|
909 | 909 | }))
|
910 |
| - .append($('<span role="button" class="nav-link nav-next-week"/>') |
| 910 | + .append($('<button type="button" class="nav-link nav-next-week"/>') |
911 | 911 | .html('>>')
|
912 | 912 | .click(function () {
|
913 | 913 | core.navigateTo(element, tools.getCellSize() * -7);
|
914 | 914 | }))
|
915 |
| - .append($('<span role="button" class="nav-link nav-end"/>') |
| 915 | + .append($('<button type="button" class="nav-link nav-end"/>') |
916 | 916 | .html('>|')
|
917 | 917 | .click(function () {
|
918 | 918 | core.navigateTo(element, 'end');
|
919 | 919 | }))
|
920 |
| - .append($('<span role="button" class="nav-link nav-zoomIn"/>') |
| 920 | + .append($('<button type="button" class="nav-link nav-zoomIn"/>') |
921 | 921 | .html('+')
|
922 | 922 | .click(function () {
|
923 | 923 | core.zoomInOut(element, -1);
|
924 | 924 | }))
|
925 |
| - .append($('<span role="button" class="nav-link nav-zoomOut"/>') |
| 925 | + .append($('<button type="button" class="nav-link nav-zoomOut"/>') |
926 | 926 | .html('-')
|
927 | 927 | .click(function () {
|
928 | 928 | core.zoomInOut(element, 1);
|
|
0 commit comments